Foros del Web » Programando para Internet » Jquery »

jQuery + Json

Estas en el tema de jQuery + Json en el foro de Jquery en Foros del Web. Tengo el siguiente problema, estoy tratando en mi index.html de generar codigo html a partir de recibir datos de un archivo obJson.json. Tengo mi siguiente ...
  #1 (permalink)  
Antiguo 09/06/2014, 12:54
 
Fecha de Ingreso: septiembre-2008
Mensajes: 16
Antigüedad: 16 años, 2 meses
Puntos: 0
jQuery + Json

Tengo el siguiente problema, estoy tratando en mi index.html de generar codigo html a partir de recibir datos de un archivo obJson.json.
Tengo mi siguiente codigo jQuery

Código:
$(document).ready(function(){
		$.getJSON("obJson.json",function(result){
      		$.each(result, function(i, field){
        		$("#cont").append(
					$('<div>', {class:"thumbnail"}).append(
						$('<img>').attr('src', result.imagen),
							$('<div>', {class:"caption"}).append(
								$('<h3>', {text:result.Titulo}),
								$('<p>', {'href':'#', text:result.desc}),
								$('<p>').append(
									$('<a>', {class:"btn btn-primary", 'href': '#', role:'button'}).attr('value', "Boton"),
									$('<a>', {class:"btn btn-default", 'href': '#', role:'button'}).val('boton')
							)
						)
					)
				)
	         	});
	        });
	});
Y tengo el siguiente codigo Json

Código:
{
	"Personas":[
	            {"imagen":"img1.png","desc":"primer imagen","titulo":"1891"},
	            {"imagen":"img2.png","desc":"segunda imagen","titulo":"1892"},
	            {"imagen":"img1.png","desc":"primer imagen","titulo":"1893"},
	            {"imagen":"img2.png","desc":"segunda imagen","titulo":"1894"}
	        ]
};
Sin embargo esta lejos de funcionar, en el firebug me pone error en la linea 1 de Json "Mal formado"

Las funciones que me esta costando comprender son:
$.getJson no me queda claro el segundo parametro, la funcion y el result
$.each

Saludos gracias.
  #2 (permalink)  
Antiguo 10/06/2014, 08:34
Avatar de livemusic  
Fecha de Ingreso: abril-2011
Ubicación: Lima - Chorrillos
Mensajes: 150
Antigüedad: 13 años, 6 meses
Puntos: 18
Respuesta: jQuery + Json

Hola tu archivo Json manda un error, revísalo en el siguiente enlace http://jsonformatter.curiousconcept.com/ ...

{
"Personas":[
{"imagen":"img1.png","desc":"primer imagen","titulo":"1891"},
{"imagen":"img2.png","desc":"segunda imagen","titulo":"1892"},
{"imagen":"img1.png","desc":"primer imagen","titulo":"1893"},
{"imagen":"img2.png","desc":"segunda imagen","titulo":"1894"}
]
}

En la linea 8 tienes que quitar el ;

Código Javascript:
Ver original
  1. $.getJSON( "obJson.json", function( data ) {
  2.  
  3.                 console.dir(data);
  4.             });

Etiquetas: json
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:00.