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

$.each(datax.resultUser, function (index) { index += 1; userTbl.append('' + this.username + '' + this.email + '' + this.userlevel + '' + this.datecreate + '' + this.status + ''); }); — gowtham rajan, Mar 22 '19 at 03:25

score 0 · Answer 1 · answered Mar 22 '19 at 03:24

0

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>

answered Mar 22 '19 at 03:24

Naga Sai A

10,771
1
21
40

If my post helped to resolve your issue, please mark it as answer – Naga Sai A Mar 22 '19 at 04:21
Hi guy, i have used your code but still issue as the picture, can you let me know why the jquery do running or running withou responding for the each loop https://i.imgur.com/RJ49jf6.png – Little Boy Mar 22 '19 at 04:29
Picture is not clear but seems to be path issue with 404 not found – Naga Sai A Mar 22 '19 at 04:42
the 404 is talking about images for avatar. not releated about jquery – Little Boy Mar 22 '19 at 04:43
For your Ajax request , add dataType: 'json' – Naga Sai A Mar 22 '19 at 04:50
Refer this link -https://stackoverflow.com/questions/733314/jquery-loop-over-json-result-from-ajax-success – Naga Sai A Mar 22 '19 at 04:50
I think the link which I have shared helped you.. now you can mark my post as answer :) – Naga Sai A Mar 22 '19 at 13:04

score 0 · Answer 2 · answered Mar 22 '19 at 03:29

 $.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

How to get values of child element on Array multiple dimension of JSON by Jquery

2 Answers2