Question

I understand how to use $.each to go through JSON data which looks like this:

{
    "one": "Singular sensation",
    "two": "Beady little eyes",
    "three": "Little birds pitch by my doorstep"
}

For example:

$.each(data, function(key, val) {
    echo '<div>' + val + '-' + key + '</div>';
});

But how do I use $.each to go though JSON data which looks like this:

{
    "d": [
        {
            "__type": "Tab",
            "id": 1,
            "name": "Innovation",
            "ordering": 0
        },
        {
            "__type": "Tab",
            "id": 3,
            "name": "Thought",
            "ordering": 0
        },
        {
            "__type": "Tab",
            "id": 0,
            "name": "Collaboration",
            "ordering": 0
        }
    ]
}

Where I want to use the id and name.

Answer 1

Use this:

var complex_data = {
    "d": [
        {
            "__type": "Tab",
            "id": 1,
            "name": "Innovation",
            "ordering": 0
        },
         ...
    ]
}

//Use:
$.each(complex_data.d, function(i, val){
    //The following properties can be used in your code:
    val.id;
    val.name;
    //And also: val.__type, val.ordering
});

If your complex_data contains more keys like d, use:

$.each(complex_data, function(i, val){
    $.each(val, function(j, val){
        //The following properties can be used in your code:
        val.id;
        val.name;
        //Also: val.__type, val.ordering
    });
});