How to select json element from array

Question

From the JSON below, how can I get the title from the note and notes using the for and ajax loop to extract?

{
"infos": {
        "info": [
        {
            "startYear": "1900",
            "endYear": "1930",
            "timeZoneDesc": "daweerrewereopreproewropewredfkfdufssfsfsfsfrerewrBlahhhhh..",
            "timeZoneID": "1",
                            "note": {
                "notes": [
                    {
                        "id": "1",
                        "title": "Mmm"
                    },
                    {
                        "id": "2",
                        "title": "Wmm"
                    },
                    {
                        "id": "3",
                        "title": "Smm"
                    }
                ]
            },
            "links": [
                { "id": "1", "title": "Red House", "url": "http://infopedia.nl.sg/articles/SIP_611_2004-12-24.html" },
                { "id": "2", "title": "Joo Chiat", "url": "http://www.the-inncrowd.com/joochiat.htm" },
                { "id": "3", "title": "Bake", "url": "https://thelongnwindingroad.wordpress.com/tag/red-house-bakery" }
            ]
        }

I tried the code below, but it does not work - it either says:

is null

not an object

length is zero

r is not an object

var detail = eval(xmlhttprequest.responseText)
var rss = detail.infos.info
for(var i = 0; i<rss.length; i++)
   startyear += rss[i].startyear

Answer 1

Use

for (i = 0; i < 3; i++) {
    alert(JSON.infos.info[0].note.notes[i].title);
}

TRY HERE: JSFIDDLE WORKING EXAMPLE

By the way, your JSON is invalid. Use this JSON:

var JSON = {
    "infos": {
        "info": [
            {
                "startYear": "1900",
                "endYear": "1930",
                "timeZoneDesc": "daweerrewereopreproewropewredfkfdufssfsfsfsfrerewrBlahhhhh..",
                "timeZoneID": "1",
                "note": {
                    "notes": [
                        {
                            "id": "1",
                            "title": "Mmm"
                        },
                        {
                            "id": "2",
                            "title": "Wmm"
                        },
                        {
                            "id": "3",
                            "title": "Smm"
                        }
                    ]
                },
                "links": [
                    {
                        "id": "1",
                        "title": "Red House",
                        "url": "http://infopedia.nl.sg/articles/SIP_611_2004-12-24.html"
                    },
                    {
                        "id": "2",
                        "title": "Joo Chiat",
                        "url": "http://www.the-inncrowd.com/joochiat.htm"
                    },
                    {
                        "id": "3",
                        "title": "Bake",
                        "url": "https://thelongnwindingroad.wordpress.com/tag/red-house-bakery"
                    }
                ]
            }
        ]
    }
}

EDIT:

Here is what you want:

var infoLength= JSON.infos.info.length;

for (infoIndex = 0; infoIndex < infoLength; infoIndex++) {

    var notesLength= JSON.infos.info[infoIndex].note.notes.length;

    for (noteIndex = 0; noteIndex < notesLength; noteIndex++) {

        alert(JSON.infos.info[infoIndex].note.notes[noteIndex].title);

    }
}

Answer 2

Well, the "path" to an object similar to a JSON array notes:

json.infos.info[0].note.notes;

So you can do something like:

var notes = json.infos.info[0].note.notes;
var titles = [];
for (var i = 0, len = notes.length; i < len; i++)
{
   titles.push(notes[i].title);
}

alert('titles is: ' + titles.join(', '));

Fiddle: http://jsfiddle.net/garreh/uDxqD/

---

jQuery?; -)

// Assuming your using "success" in ajax response
success: function(json)
{
    var titles = $(json.infos.info[0].note.notes).map(function() {
        return this.title;
    }).get();
    alert(titles.join(', '));
}

Answer 3

Put your json in var named obj, use the following:

obj.infos.info[0].note.notes[0].title

http://jsfiddle.net/Znq34/

Answer 4

Count the length of notes first

var len = jsonobject.infos.info.note.notes.length;

Then it scrolls and gets

var title = jsonobject.infos.info.note.notes[i].title;