Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/06/2014, 12:54
NaSaRid15
 
Fecha de Ingreso: septiembre-2008
Mensajes: 16
Antigüedad: 15 años, 7 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.