使用Array创建TBODY

Question

我有一个看起来像这样的数组。

现在这是我的代码

success: function(data) {
                data = $.parseJSON(data);
                for (i = 0; i < data.length; i++) {
                    console.log(data[i]);
                }
            }

console.log显示

这是我的表

<table id "tblreport" class="mytable" style="width: 900px; margin-right: auto; height: 18px;" border="1">
    <thead>
    //Table Headers here
    </thead>
    <tbody id = "body">

    </tbody>
</table>

我的问题是使用该数组如何将其作为tbody中的数据？

Answer 1

这段代码应该适合你。把它放在成功的回调中。

demo

var data = [['a','b','c'],['a','b','c'],['a','b','c'],['a','b','c'],['a','b','c']];

var tb = $("#body");
for(i = 0; i < data.length; i++){
  var tr = $("<tr />");
  for(var x in data[i]){
    var td = $("<td />");
    td.html(data[i][x]);
    tr.append(td);
  }
  tb.append(tr);
}

Answer 2

很确定你想要这个：

for(var i=0,a,tr,l=data.length; i<l; i++){
  a = data[i]; tr = document.createElement('tr');
  for(var n=0,td,c=a.length; n<c; n++){
    td = document.createElement('td'); td.innerHTML = a[n]; tr.appendChild(td);
  }
  $('#body').append(tr);
}

Answer 3

var tbodyHtml = "";
$.each(data, function( index, value ) {
    tbodyHtml += "<tr>";
    $.each(value, function( i, v ) {
        tbodyHtml += "<td>"+v+"<\td>";
    });
    tbodyHtml += "</tr>";
});

$("#body").html(tbodyHtml);

Answer 4

     success: function(data) {
            data = $.parseJSON(data);
            //variable to hold all incoming data
            var htmlData = ''
            for (i = 0; i < data.length; i++) {
                console.log(data[i]);
              $("#body").append('<tr><td>' + data[i] + '</td><tr>');
            }
        }

让我知道这是否有效。