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

Imágen de perfil
Val: 535
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Recorrer una variable json con jquerygráfica de visualizaciones


JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 23 de Diciembre del 2014 por xve
32.697 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 (Publicado el 23 de Diciembre del 2014)gráfica de visualizaciones de la versión: json normal
644 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 (Publicado el 23 de Diciembre del 2014)gráfica de visualizaciones de la versión: json bidimensional
32.056 visualizaciones desde el 23 de Diciembre del 2014. Una media de 147 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
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2977
Revisar política de publicidad