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(2)
Publicado el 23 de Diciembre del 2014 por xve
15.596 visualizaciones desde el 23 de Diciembre del 2014. Una media de 154 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
426 visualizaciones desde el 23 de Diciembre del 2014. Una media de 7 por semana

json bidimensional
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 24 de Diciembre del 2014 (Creado el 23 de Diciembre del 2014)gráfica de visualizaciones de la versión: json bidimensional
15.171 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 (2)

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

Comentar la versión: json bidimensional

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

http://lwp-l.com/s2977