Código de JQuery - Recorrer una variable json con jquery

Imágen de perfil

Recorrer una variable json con jquerygráfica de visualizaciones


JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 23 de Diciembre del 2014 por xve
18.132 visualizaciones desde el 23 de Diciembre del 2014. Una media de 161 por semana
En estos ejemplos, muestro como recorrer un json normal, y un json bidimensional con jquery.

json normal

Actualizado el 24 de Diciembre del 2014 (Creado el 23 de Diciembre del 2014)gráfica de visualizaciones de la versión: json normal
463 visualizaciones desde el 23 de Diciembre del 2014. Una media de 7 por semana

json bidimensional
estrellaestrellaestrellaestrellaestrella(3)

Actualizado el 24 de Diciembre del 2014 (Creado el 23 de Diciembre del 2014)gráfica de visualizaciones de la versión: json bidimensional
17.670 visualizaciones desde el 23 de Diciembre del 2014. Una media de 154 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Leer recursivamente un json bidimensional</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	var miJSON={
		"A1":{"valor":"100", "color":"azul", "caracteristica":{"tipo":"S1","ref":"MMM"}},
		"A2":{"valor":"110", "color":"rojo", "caracteristica":{"tipo":"S2","ref":"NNN"}},
		"A3":{"valor":"120", "color":"negro", "caracteristica":{"tipo":"S3","ref":"OOO"}},
		"A4":{"valor":"90", "color":"verde", "caracteristica":{"tipo":"S4","ref":"PPP"}},
	}
 
	$(document).ready(function(){
		$.each(miJSON, function(i,item){
			document.write("<br>"+i+" - "+miJSON[i].valor+" - "+miJSON[i].color+" - "+miJSON[i].caracteristica.tipo+" - "+miJSON[i].caracteristica.ref);
		})
	})
	</script>
</head>
<body>
 
</body>
</html>



Comentarios sobre la versión: json bidimensional (3)

fernando sb
22 de Junio del 2016
estrellaestrellaestrellaestrellaestrella
muchas gracias poor la informacion, me ayudo bastante
Responder
Angel Guadarrama (MX)
19 de Julio del 2016
estrellaestrellaestrellaestrellaestrella
Excelente aporte y muy buen ejemplo
Responder
Mary
21 de Febrero del 2017
estrellaestrellaestrellaestrellaestrella
Hola como guardo los valores para pasarlo a mi vista de html
Responder

Comentar la versión: json bidimensional

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2977