Viendo la matriz JSON a través de ajax (jquery)

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(''); }); 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.alter + '

    ' + 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