How to get values of child element on Array multiple dimension of JSON by Jquery
Question
i have issued with array JSON. i have try many time but didn't work.
//i put my code to there, kindly help me debug it.
the string json
> {"resultUser":[{"username":"quyennv","email":"quyencl@hotmail.com","userlevel":0,"datecreate":"20/03/2019
> 12:00:00
> AM","status":1},{"username":"sample","email":"sameple@hotmail.com","userlevel":1,"datecreate":"20/03/2019
> 12:00:00 AM","status":1}]}
and here is code for view element in array
var datax = {"resultUser":[{"username":"quyennv","email":"quyencl@hotmail.com","userlevel":0,"datecreate":"20/03/2019 12:00:00 AM","status":1},{"username":"sample","email":"sameple@hotmail.com","userlevel":1,"datecreate":"20/03/2019 12:00:00 AM","status":1}]}; var userTbl = $('#listUser tbody').empty(); $.each(datax.resultUser,function (index) { index += 1; userTbl.append('<tr><td>' + this.username + '</td><td>' + this.email + '</td><td>' + this.userlevel + '</td><td>' + this.datecreate + '</td><td>' + this.status + '</td></tr>'); });
table,td{ border:1px solid #000; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> <table id="listUser"> <thead ><tr><td>Username</td><td>Email</td><td>User Level</td><td>Date Created</td><td>User status</td></tr></thead> <tbody> </tbody> </table> </body>
kindly help me solve this issue. thanks a lot
===== Updated. i need more details element inside the each loop change datax to datax.resultUser
2 answers
solution1
0 2019-03-22 03:24:21
Change data to datax.resultUser in $.each to loop through array of resultUser
var datax = {"resultUser":[{"username":"quyennv","email":"quyencl@hotmail.com","userlevel":0,"datecreate":"20/03/2019 12:00:00 AM","status":1},{"username":"sample","email":"sameple@hotmail.com","userlevel":1,"datecreate":"20/03/2019 12:00:00 AM","status":1}]}; var userTbl = $('#listUser tbody').empty(); $.each(datax.resultUser,function (index) { index += 1; userTbl.append('<tr><td>' + this.username + '</td><td>' + this.email + '</td><td>' + this.userlevel + '</td><td>' + this.datecreate + '</td><td>' + this.status + '</td></tr>'); });
table,td{ border:1px solid #000; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> <table id="listUser"> <thead ><tr><td>Username</td><td>Email</td><td>User Level</td><td>Date Created</td><td>User status</td></tr></thead> <tbody> </tbody> </table> </body>
solution2
0 2019-03-22 03:29:11
$.each(datax.resultUser, function (index) { index += 1;
userTbl.append('<tr><td>' + this.username + '</td><td>' +
this.email + '</td><td>' + this.userlevel + '</td><td>' +
this.datecreate + '</td><td>' + this.status + '</td></tr>'); });
data.resultUser only array you have to itreate that only
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
how to get multiple object json values and push to array using jquery
how to get the json values on multiple json array
get child array values in a parent div element
jQuery - get child element of elements in array
Get child window select multiple values in jQuery
How to get a specific JSON element from an array of objects (jQuery)
How i get an element from an array Json with no name using JQuery
How to get values from a JSON object array using JQuery
Jquery get element in header json array
Get First element of a JSON Array in JQUERY
Related Tags