Can't figure out how to parse this data

Question

The response I'm getting back from PHP using an AJAX call:

$.ajax({
 url: 'getit.php',
 type: 'POST',
 dataType: 'json',
 data: {id_token: my_token},
 success: function(data) {
 //stuff
 }
 });

gives me something like this when I console.log it:

email: "[email protected]"
email_verified: true
first_name: "Bob"
permissions: Object
 client_1001: Object
 client_id: "121434"
 role: "full"
 table_name: "5tyyd"
 client_1002: Object
 client_id: "45638"
 role: "full"
 table_name: "df823"

If I do something like this:

$('.last_name').text(data.first_name);

and

<div class="last_name"></div>

This gives me back Bob just as expected.

What I need to get is a list of permissions (e.g., client_1001) and the pieces of data under each permission. I can't figure out how to do though.

This is where I'm stuck:

$('.last_name').text(data.permissions.WHATGOESHERE?);

I need to fill in the WHATGOESHERE? part. It's basically an object in an object, but I'm not sure how to parse it.

• user557846: possible duplicate of jQuery JSON looping through nested objects

Answer 1

As you're using jQuery, give this a try :

$.each(data.permissions, function (index, value) {
 console.log(index); // "client_0001"
 console.log(value.table_name); // "5tyyd"
});

The idea is to iterate through the response, as if you were using foreach() in PHP.