如何创建表，然后附加到div并使用jQuery显示表

我想创建一个表，然后将其附加到div，div应该同时显示创建的表

这就是我尝试过的

var content = "<table class='table1'>";
$.getJSON("/controller/Method",
{
   param1: val1
}, 
function (data) {
  $.each(data, function (key, value) {
     content += "<tr><td class='class1'>text1</td></tr>";
  });
  content += "</table>"
});
alert(content);

$('#div1').append(content);

var content=”“；
$.getJSON（“/controller/Method”，
{
参数1:val1
}, 
功能（数据）{
$。每个（数据、函数（键、值）{
内容+=“text1”；
});
内容+=“”
});
警报（内容）；
$（'#div1'）。追加（内容）；

警报（内容）

仅显示

表class='table1'>

。似乎每个函数中连接的内容尚未添加到

表class='table1'>

---

执行3次，因此它应该有3个

。这个代码有什么问题。请告知。

请尝试将此更改用于实例

var content = document.createElement('table');
$(content).addClass('table1');

var myTable = $(content);

$.getJSON("/controller/Method",
{
   param1: val1
}, 
function (data) {
  $.each(data, function (key, value) {
   myTable.append("<tr><td class='class1'>text1</td></tr>");
  });
});

$('#div1').append(myTable);

var content=document.createElement（'table'）；
$（content.addClass（'table1'）；
var myTable=$（内容）；
$.getJSON（“/controller/Method”，
{
参数1:val1
}, 
功能（数据）{
$。每个（数据、函数（键、值）{
myTable.append（“text1”）；
});
});
$（'#div1'）。追加（myTable）；

---

希望能有帮助。如果不起作用，请告诉我

你也可以这样写（使用承诺）。您可以在此处阅读有关promise接口的更多信息：

var table=$（“”）。addClass（“table1”）；
$.getJSON（“/controller/Method”，{param1:val1}）
.完成（功能（数据）{
$。每个（数据、函数（键、值）{
表.附加（“文本1”）；
});
$（'#div1'）。追加（表）；
})
.失败（功能（响应）{
警惕（“有什么不对劲”）；
}); 

稍短一点：-）

您确定“数据”有一些值，因为它看起来好像“数据”没有任何值，所以它不会在$.each中循环。您可以通过放置警报（“测试”）进行检查；在每个美元内。

    var table = $("<table></table>").addClass("table1");

    $.getJSON("/controller/Method",{ param1: val1 })
    .done(function(data){
      $.each(data, function (key, value) {
         table.append("<tr><td class='class1'>text1</td></tr>");
      });

    $('#div1').append(table);
   })
   .fail(function(response){
      alert("something is wrong");
   });