Question

我正在以JSON格式接收姓名和数据的数据通过$.ajax() jquery函数发送电子邮件。我需要将这些数据以表格格式放在div ('#div1')中。我无法做到这一点。有人可以帮忙吗？

收到JSON：

[{"jname":"Charles","jemail":"charles@gmail.com"},{"jname":"Bollen","jemail":"bollen@gmail.com"},{"jname":"Sita","jemail":"sita@gmail.com"},{"jname":"Lita","jemail":"lita@gmail.com"},{"jname":"Azma","jemail":"azma@gmail.com"},{"jname":"Robert","jemail":"robert@gmail.com"},{"jname":"Charu","jemail":"charu@gmail.com"}]

jQuery Ajax代码：

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

请帮忙。我需要以表格的形式在div中打印这些数据，用于Name＆amp;电子邮件。

Answer 1

使用桌子怎么样？像这样：

 $.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);
}

}）;

Answer 2

将您的JSON数据放入表格行，不要忘记var HTML = ''; var JSON = [{"jname":"Charles","jemail":"charles@gmail.com"}, {"jname":"Bollen","jemail":"bollen@gmail.com"}]; JSON.forEach(function(person){ HTML += '<tr><td>' + person.jname + '</td><td>' + person.jemail + '</td></tr>'; }); document.body.insertAdjacentHTML('afterbegin','<table><tbody>' + HTML + '</tbody></table>');：

require.cache.persist.myData = myData;

Answer 3

你需要解析它。

例如：

$.ajax({
type: "POST",
url: "retrieve.php",
data: jQuery("#form1").serialize(),
cache: false,
success:  function(data){
   var parse = JSON.parse(data);
   //then do what you are going to do.
   alert(parse.jname);
   alert(parse.jemail);
}

打印json数据从div以表格形式从php中收到

3 个答案: