How to display JSON array return with jquery

Question

My JSON return object is like following. I try to append a table with jquery and it work well if the data is like item.district, but error prompt if it`s like item.host_detail.site(2 "dot").

Thank For help in advance.

Object
district:"KUCHING"
host_detail.HostID:"41"
host_detail.site:"SIMONTESTING"
ipaddress:"10.17.102.169"
log_detail.task:"Auto-Backup"


$.each(data, function(i, item){ 

$("#tabledisplay > tbody").append("<tr><td>" + item.host_detail.site + "</td><td>" + item.district + "</td></tr>");

})

This might help: stackoverflow.com/questions/13869627/…. You will have to use item["host_detail.site"] Can you share a sample JSON as well? — Rajesh Dixit
– Rajesh Dixit, Commented Sep 22, 2016 at 7:11
Is host_detail.site key of the object or you have nested object ? — Rayon
– Rayon, Commented Sep 22, 2016 at 7:14
Hi Rajesh, yes item["host_detail.site"] solve my pro. Thank YOu very much — user647527
– user647527, Commented Sep 22, 2016 at 7:22

madalinivascu · Accepted Answer · 2016-09-22 07:11:45Z

2

assuming

var item = {district:"KUCHING",host_detail:{HostID:"41",site:"SIMONTESTING"},ipaddress:"10.17.102.169",log_detail:{task:"Auto-Backup"}}

then you need to remove the loop:

$("#tabledisplay > tbody").append("<tr><td>" + item.host_detail.site + "</td><td>" + item.district + "</td></tr>");

answered Sep 22, 2016 at 7:11

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

How to display JSON array return with jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related