how to append jquery ajax (json) to table

Question

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>");
}

the data variable is holding this data

[{"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"}]

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

the hardcoded table looks like this:

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

Ram · Accepted Answer · 2012-10-10 10:03:47Z

6

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>");
})

http://jsfiddle.net/ADvCJ/

edited Oct 10, 2012 at 10:03

answered Oct 10, 2012 at 9:57

Ram

145k16 gold badges174 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

StaticVariable · Accepted Answer · 2012-10-10 09:56:50Z

0

You can use this

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

answered Oct 10, 2012 at 9:56

StaticVariable

5,2934 gold badges26 silver badges46 bronze badges

Collectives™ on Stack Overflow

how to append jquery ajax (json) to table

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related