ajax - jquery ajax (json)をテーブルに追加する方法

Question

データを取得する 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>

Answer 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/

Answer 2

あなたはこれを使うことができます

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