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

Imágen de perfil
Val: 401
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 (278 códigos)
40.447 visualizaciones desde el 23 de Diciembre del 2014
En estos ejemplos, muestro como recorrer un json normal, y un json bidimensional con jquery.

json normal

Publicado el 23 de Diciembre del 2014gráfica de visualizaciones de la versión: json normal
767 visualizaciones desde el 23 de Diciembre del 2014

json bidimensional
estrellaestrellaestrellaestrellaestrella(3)

Publicado el 23 de Diciembre del 2014gráfica de visualizaciones de la versión: json bidimensional
39.681 visualizaciones desde el 23 de Diciembre del 2014
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