read JSON object with jQuery

Question

I have this JSON object:

"Master": {
                "nodeType": "Test",
                "label": "Master",
                "nodes": {
                    "event": {
                        "nodeType": "Test",
                        "label": "Test",
                        "itemTemplate": {
                            "label": "Test",
                            "properties": {
                                "icon": {
                                    "label": "Test",
                                    "description": "Test",
                                    "valueType": "STRING",
                                    "value": ""
                                }
                            }
                        },
                        "items": [
                            {
                                "icon": "test 2",
                            },
                            {
                                "icon": "test 1",
                            }
                        ]
                    }
                }

I want to access the items section. I've tried the following:

var obj = jQuery.parseJSON(json_object); //json object
alert(obj.nodes.items[0].icon); //Uncaught TypeError: Cannot read property 'items' of undefined

Make sure you have valid json, you could try this: freeformatter.com/json-formatter.html — David Fleeman
– David Fleeman, Commented Feb 11, 2014 at 21:34

Paolo · Accepted Answer · 2014-02-11 21:44:55Z

1

var items;
items = obj.Master.nodes.event.items;

alert(items[0].icon);

items result in an array

note your json is incorrect as is missing a leading { and two trailing }

json_object = '{ "Master": {

//
//
//

} }';

If not correct jQuery.parseJSON will fail.

edited Feb 11, 2014 at 21:44

answered Feb 11, 2014 at 21:39

Paolo

15.9k28 gold badges73 silver badges95 bronze badges

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

Comments

mmigdol · Accepted Answer · 2014-02-11 21:33:30Z

1

Your JSON defines a single key called "Master". Try:

alert(obj.Master.nodes.items[0].icon);

answered Feb 11, 2014 at 21:33

mmigdol

2,2331 gold badge20 silver badges21 bronze badges

1 Comment

mmigdol Over a year ago

@free4ride got it right - items is under nodes' event key.

Eugene P. · Accepted Answer · 2014-02-11 21:47:24Z

1

console.log(obj.Master.nodes.event.items[0].icon)

check structure of your json here : http://jsonviewer.stack.hu/

enter image description here

that will help you to understand node inheritance

edited Feb 11, 2014 at 21:47

answered Feb 11, 2014 at 21:40

Eugene P.

2,63521 silver badges23 bronze badges

Comments

free4ride · Accepted Answer · 2014-02-11 21:52:47Z

-1

alert(obj.Master.nodes.event.items[0].icon);

and validate your json http://jsonlint.com/

edited Feb 11, 2014 at 21:52

answered Feb 11, 2014 at 21:41

free4ride

1,6431 gold badge18 silver badges22 bronze badges

Collectives™ on Stack Overflow

read JSON object with jQuery

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related