Mixed array with json - parsing issue

Question

I am doing a youtube api call, and I get back a var result = JSON.stringify(response, '', 2); which looks like :

{
    "kind": "youtube#searchListResponse",
    "pageInfo": {
            "totalResults": 1000000,
            "resultsPerPage": 5
        },
    "items": [
        {
            "id": {
                "kind": "youtube#video",
                "videoId": "DEne4AoX_RU"
            },
            "kind": "youtube#searchResult",
            "snippet": {
                "publishedAt": "2012-11-22T22:36:15.000Z",
                "thumbnails": {
                    "default": {
                        "url": "https://i.ytimg.com/vi/DEne4AoX_RU/default.jpg"
                    },
                    "medium": {
                        "url": "https://i.ytimg.com/vi/DEne4AoX_RU/mqdefault.jpg"
                    },
                    "high": {
                        "url": "https://i.ytimg.com/vi/DEne4AoX_RU/hqdefault.jpg"
                    }
                }
            }
        },
        {
            "id": {...}

The full object response returns correctly in my console but I want to retrieve thumbnails url and display it as an li-tagged html list So I tried first to fetch in a list all the snippet entries :

var obj = $.parseJSON(result);
$.each(obj, function() {
    output += this.snippet + + "<br/>";
});
console.log(output);

But I have an message in my console : Uncaught TypeError: Cannot read property 'length' of undefined. What am I missing ? Btw, I don't understand why there are still brackets in the json stringified result (if someone could advise some good doc to understand how to parse JSON, would be great:))

Why do you stringify the response ?

Denys Séguret
– Denys Séguret

2013-02-07 14:35:40 +00:00
Commented Feb 7, 2013 at 14:35 — Denys Séguret
– Denys Séguret, Commented Feb 7, 2013 at 14:35

James Montagne · Accepted Answer · 2013-02-07 14:35:51Z

1

You should be looping over items:

$.each(obj.items, function() {
    output += this.snippet ...
});

answered Feb 7, 2013 at 14:35

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

Comments

Denys Séguret · Accepted Answer · 2013-02-07 14:36:49Z

1

What you receive is JSON, you shouldn't stringify it.

Remove this line

var result = JSON.stringify(response, '', 2);

and simply do

var obj = $.parseJSON(response);

answered Feb 7, 2013 at 14:36

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Comments

hvgotcodes · Accepted Answer · 2013-02-07 14:36:53Z

1

you want to iterate over items,
snippet is an object literal,
+ + is not valid javascript.

answered Feb 7, 2013 at 14:36

hvgotcodes

121k33 gold badges209 silver badges237 bronze badges

Collectives™ on Stack Overflow

Mixed array with json - parsing issue

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related