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

我正在通过

$.ajax（）

jquery函数接收名称和电子邮件的JSON格式数据。我需要将此数据以表格格式放入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中以表格形式打印此数据。

使用表格怎么样？大概是这样的：

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

$.ajax({
类型：“POST”，
url:“retrieve.php”，
数据：jQuery（“#form1”）.serialize（），
cache:false，
成功：功能（数据）{
var html=''；
parse（data）.forEach（函数（项）{
html+=''+item.jname+''+item.jemail+''；
});
html+=''；
$（'#div1'）.html（html）；
}

---

}))

用桌子怎么样？大概是这样的：

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

$.ajax({
类型：“POST”，
url:“retrieve.php”，
数据：jQuery（“#form1”）.serialize（），
cache:false，
成功：功能（数据）{
var html=''；
parse（data）.forEach（函数（项）{
html+=''+item.jname+''+item.jemail+''；
});
html+=''；
$（'#div1'）.html（html）；
}

---

}))

用桌子怎么样？大概是这样的：

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

$.ajax({
类型：“POST”，
url:“retrieve.php”，
数据：jQuery（“#form1”）.serialize（），
cache:false，
成功：功能（数据）{
var html=''；
parse（data）.forEach（函数（项）{
html+=''+item.jname+''+item.jemail+''；
});
html+=''；
$（'#div1'）.html（html）；
}

---

}))

用桌子怎么样？大概是这样的：

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

$.ajax({
类型：“POST”，
url:“retrieve.php”，
数据：jQuery（“#form1”）.serialize（），
cache:false，
成功：功能（数据）{
var html=''；
parse（data）.forEach（函数（项）{
html+=''+item.jname+''+item.jemail+''；
});
html+=''；
$（'#div1'）.html（html）；
}

---

}))

您需要解析它

例如：

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

---

你需要解析它

例如：

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

---

你需要解析它

例如：

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

---

你需要解析它

例如：

$.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数据放入表行中，不要忘记

：

var HTML=''；
var JSON=[{“jname”：“Charles”，“jemail”：”charles@gmail.com"},
{“jname”：“Bollen”，“jemail”：”bollen@gmail.com"}];
forEach（函数（人）{
HTML+=''+person.jname+''+person.jemail+''；
});
document.body.insertAdjacentHTML（'afterbegin'，''+HTML+''；

将JSON数据放入表行中，不要忘记

：

var HTML=''；
var JSON=[{“jname”：“Charles”，“jemail”：”charles@gmail.com"},
{“jname”：“Bollen”，“jemail”：”bollen@gmail.com"}];
forEach（函数（人）{
HTML+=''+person.jname+''+person.jemail+''；
});
document.body.insertAdjacentHTML（'afterbegin'，''+HTML+''；

将JSON数据放入表行中，不要忘记

：

var HTML=''；
var JSON=[{“jname”：“Charles”，“jemail”：”charles@gmail.com"},
{“jname”：“Bollen”，“jemail”：”bollen@gmail.com"}];
forEach（函数（人）{
HTML+=''+person.jname+''+person.jemail+''；
});
document.body.insertAdjacentHTML（'afterbegin'，''+HTML+''；

将JSON数据放入表行中，不要忘记

：

var HTML=''；
var JSON=[{“jname”：“Charles”，“jemail”：”charles@gmail.com"},
{“jname”：“Bollen”，“jemail”：”bollen@gmail.com"}];
forEach（函数（人）{
HTML+=''+person.jname+''+person.jemail+''；
});
document.body.insertAdjacentHTML（'afterbegin'，''+HTML+''；

您真的需要帮助构建HTML表吗？我需要知道如何将此json数据以表格格式放置。您真的需要帮助构建HTML表吗？我需要知道如何将此json数据以表格格式放置。您真的需要帮助构建HTML表吗？我需要知道如何将此json数据以表格格式放置。您真的需要吗帮助建立一个HTML表格吗？我需要知道如何将这个json数据转换成表格格式。