如何将jquery ajax(json)追加到表中

时间:2012-10-10 09:53:50

标签: ajax json jquery

我有一个撤消数据的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>

2 个答案:

答案 0 :(得分:6)

你应该遍历数组,可以使用$.each效用函数:

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

http://jsfiddle.net/ADvCJ/

答案 1 :(得分:0)

您可以使用此

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