traversing jQuery JSON Object array

Question

I am try access an Object array using getJson, I've tried many things but I keep getting an 'undefined' or [Object, object] returned.

$.getJSON( "js/test.json", function( data ) {
    var items = new Array();
    $.each( data, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val.entries.title + "</li>" );
    });

    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
    }).appendTo( "body" );
});

Here is the JSON, I am trying to get the 'title' of each 'entries'.

{
"$xmlns": {
    "pl1": "url"
},
"startIndex": 1,
"author": "MJS",
"entries": [
    {
        "title": "This is target",
        "m$ct": [
            {
                "m$name": "name"
            }
        ],
        "m$rt": "pd",
        "m$content": [
            {
                "plfile$width": 640
            },
            {
                "plfile$width": 960
            }
        ],
        "plm$c": [],
        "link": ""
    },
    {
        "title": "title2",
        "m$ct": [
            {
                "m$name": "name"
            }
        ],
        "m$rt": "pd",
        "m$content": [
            {
                "plfile$width": 640
            },
            {
                "plfile$width": 960
            }
        ],
        "plm$c": [],
        "link": ""
    }
]
}

Seems like you should be iterating data.entries instead of data. Then you'd use val.title instead of val.entries.title. Not sure what you expect the ID of the li to be though. If that should be the index number, then key would be fine there. — Blue Skies
– Blue Skies, Commented Dec 10, 2013 at 0:57
FYI, you can use $.map to build the Array a little more cleanly. Here's a demo: jsfiddle.net/Bxrnq — Blue Skies
– Blue Skies, Commented Dec 10, 2013 at 1:03

Patrick Gunderson · Accepted Answer · 2013-12-10 01:00:30Z

2

$.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + val.entries.title + "</li>" );
});

should instead read:

$.each( data.entries, function( key, entry ) {
    items.push( "<li id='" + key + "'>" + entry.title + "</li>" );
});

answered Dec 10, 2013 at 1:00

Patrick Gunderson

3,29120 silver badges28 bronze badges

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

Comments

Lenny · Accepted Answer · 2013-12-10 01:02:02Z

0

You're iterating over the whole json instead of the entries

It should be data.entries in the each and then just val.title

$.getJSON( "js/test.json", function( data ) {
    var items = new Array();
    $.each( data.entries, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val.title + "</li>" );
    });

    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
    }).appendTo( "body" );
});

answered Dec 10, 2013 at 1:02

Lenny

5,9872 gold badges21 silver badges27 bronze badges

Collectives™ on Stack Overflow

traversing jQuery JSON Object array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related