如何将 jquery ajax (json) 附加到表中答案

【问题标题】：how to append jquery ajax (json) to table如何将 jquery ajax (json) 附加到表中
【发布时间】：2012-10-10 18:03:47
【问题描述】：

我有一个检索数据的 ajax 调用，它的成功部分如下所示：

success: function(data) 
{               
$("table.table").append("<tr><td>" + data.member_id + "</td><td>" + data.comment + "</td></tr>");
}

数据变量保存着这个数据

[{"member_id":"2","comment":"kkk"},{"member_id":"1","comment":"this is admin 2"},{"member_id":"2","comment":"kkk"},{"member_id":"1","comment":"this is admin"}]

但我遇到的问题是表 td 包含未定义的文本。我该如何解决？

硬编码表如下所示：

<table class="table"></table>

【问题讨论】：

标签： ajax json jquery

【解决方案1】：

你应该循环遍历数组，可以使用$.each实用函数：

$.each(json, function(i, data){
     $("table.table").append("<tr><td>" + data.member_id + "</td><td>" + data.comment + "</td></tr>");
})

http://jsfiddle.net/ADvCJ/

【讨论】：

【解决方案2】：

你可以用这个

$.each(data, function(i,row){
  $("table.table").append("<tr><td>"+row['member_id']+"</td><td>"+row['comment']+"</td></tr>");
})

【讨论】：