在div中以表格形式打印从php接收的json数据

Question

I am receiving data in JSON format for name & email by $.ajax() jquery function. I need to put this data in tabular format in a div ('#div1'). I am unable to do this. Can someone help?

JSON received:

[{"jname":"Charles","jemail":"[e-mail]"},{"jname":"Bollen","jemail":"[e-mail]"},{"jname":"Sita","jemail":"[e-mail]"},{"jname":"Lita","jemail":"[e-mail]"},{"jname":"Azma","jemail":"[e-mail]"},{"jname":"Robert","jemail":"[e-mail]"},{"jname":"Charu","jemail":"[e-mail]"}]

jQuery Ajax Code:

$.ajax({
    type: "POST",
    url: "retrieve.php",
    data: jQuery("#form1").serialize(),
    cache: false,
    success:  function(data){
       $('#div1').html(data);
    }
});

Please, help. I need to print this data in tabular form in a div for Name & Email.

Answer 1

What about using a table? Something like this:

 $.ajax({
    type: "POST",
    url: "retrieve.php",
    data: jQuery("#form1").serialize(),
    cache: false,
    success:  function(data){
       var html = '<table>';
       JSON.parse(data).forEach(function(item){ 
           html += '<tr><td>'+item.jname+'<td><td>'+item.jemail+'</td></tr>'; 
       });
       html += '</table>';
       $('#div1').html(html);
}

});