Soy bastante nuevo en Ajax y JSON y traté de hacer que esto funcionara, pero parece que no puedo entenderlo.
¿Cómo llamo al json en ajax y muestro toda la información dentro del archivo json?
aquí está mi archivo json
{ posts: [{"image":"images/bbtv.jpg", "alter":"BioBusiness.TV", "desc":"BioBusiness.TV", "website":"http://andybudd.com/"}, {"image":"images/grow.jpg", "alter":"Grow Staffing", "desc":"Grow Staffing", "website":"http://growstaffing.com/"}]}
y la función ajax estoy usando
$.ajax({ type: "GET", url: "category/all.js", dataType: "json", cache: false, contentType: "application/json", success: function(data) { $.each(data.posts, function(i,post){ $('#folio').html('
' + post.desc + '
More Work
'); }); initBinding(); }, error: function(xhr, status, error) { alert(xhr.status); } });
Por alguna razón, solo se muestra el último elemento ….
Cualquier ayuda en la dirección correcta sería genial.
¡Gracias!
Intenta algo como esto:
$('#folio').html("
"); $.each(data.posts, function(i,post){ $('#folio ul').append('
' + post.desc + '
More Work '); });
Usted está sobrescribiendo el html en #folio en cada bucle, necesita concatinarlo
trate de añadir el UL primero y luego añadir a la UL un LI para cada .Append bucle () en lugar