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.