如何将jquery ajax（json）追加到表中 [英] how to append jquery ajax (json) to table

问题描述

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

i have a ajax call that retreives data and its success portion looks like this:

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包含未定义的文本。我该如何解决？

but the problem im getting is that the table td's contain undefined text. how do i fix this?

硬编码表如下所示：

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

推荐答案

你应该遍历数组，可以使用 $。每个效用函数：

You should loop through the array, can use $.each utility function:

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

< a href =http://jsfiddle.net/ADvCJ/ =noreferrer> http://jsfiddle.net/ADvCJ/

这篇关于如何将jquery ajax（json）追加到表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！