Question

I retrieve json results using $.post() and I’d like to be able to print into a list for each result.

Using the following only displays the last json item

JQUERY

$.post('/assets/inc/account-info.php', qString, function (data) {
    console.log(data);
    var datas = jQuery.parseJSON(data);
    console.log(datas);
    $("#note").append("<li>id=recordsarray_"+datas.id+"><a href='#"+datas.id+"'>"+datas.name+"</a></li>");  
});

Answer 1

I am assuming that you are getting array of objects in frontend and this object have id and name in it :

// To put data directly in html you can do this :
    $.each(datas,function(i,data){
       $("#note").append("<li>id=recordsarray_"+data.id+"><a href='#"+data.id+"'>"+data.name+"</a></li>");
    });

 OR

// To Put your data in array you can do this :
    var arr = [];
    // This will help you putting the json object in to array
    $.each(datas,function(i,data){
       arr.push({id:data.id, name:data.name});   
    });

    // once you get the array you can loop through it and add it to your html:
    for (i=0;i<arr.length;i++){ 
        $("#note").append("<li>id=recordsarray_"+arr[i].id+"><a href='#"+arr[i].id+"'>"+arr[i].name+"</a></li>");
    });   
    }