jQuery: Get JSON error

Question

I'm trying to get certain elements from a JSON file but I'm just not able to do so, I've tried different ways, this is the JSON file:

// data.json
{
    "stuff": [
        {
            "userId": 1,
            "date": "19 Oct 2014",
            "content": "#New Hello on g.co/ABC",
            "entities": {
                "hashtags": ["#New"],
                "urls": ["g.co/ABC"]
            }
        }
    ],
    "user": {
        "avatar": "/assets/avatar.jpg",
        "name": "Daniel"
    }
}

Now my jQuery code is:

$(document).ready(function(){
    $.getJSON('data.json', function(data) {
        //console.log(data);

        $.each(data,function(i,item){
            console.log(item.stuff.content); // I want to print 'content'
        });
    });
});

And all I get is an Uncaught error type:

What am I doing wrong? Thanks in advance

Anik Islam Abhi · Accepted Answer · 2015-12-20 05:43:49Z

5

stuff is an array of object.

To access item of an array you have to access it via index

like this

console.log(data.stuff[0].content);

JSFIDDLE

May be you are iterating an object instead of array of object

If data is an object then try like this

$.each(data.stuff,function(i,item){
    console.log(item.content);
});

JSFIDDLE

edited Dec 20, 2015 at 5:43

answered Dec 20, 2015 at 5:31

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

5 Comments

user3709532 Over a year ago

Hello thank you for your help so far, doing the first recommendation of item.stuff[0].content I get Uncaught TypeError: Cannot read property '0' of undefined .... and for the second one I get Uncaught ReferenceError: stuff is not defined

Anik Islam Abhi Over a year ago

@user3709532 can you provide jsfiddle ?

Dan Sin Over a year ago

@user3709532 I delete my answer and we use Anik's one to solve the problem

Anik Islam Abhi Over a year ago

@user3709532 i have created a fiddle this might help you : jsfiddle.net/aiubian/knner7en/1

user3709532 Over a year ago

thank you @AnikIslamAbhi that works, I forgot to change "stuff" to "item" when doing the console.log command... Thanks!

Jonathan Maddox · Accepted Answer · 2015-12-20 05:44:44Z

2

This should work:

$.getJSON('data.json', function(data) {
   console.log(data['stuff'][0]['content']);
}

It is getting the stuff element of the JSON object then the first element of that pair, since the pair of key "stuff" is an array of JSON Objects. Then from that last JSON object, its grabbing content.

answered Dec 20, 2015 at 5:44

Jonathan Maddox

413 bronze badges

Comments

Ibrahim Khan · Accepted Answer · 2015-12-20 05:46:45Z

2

You json data is not an array. so you don't need to use each. But stuff is an array so take it's specific index or loop through it.

$(document).ready(function(){
    $.getJSON('data.json', function(data) {
         console.log(data.stuff[0].content); 

         //or loop through like 
         //$.each(data.stuff,function(i,item){
         //   console.log(item.content);
         //});     
    });
});

edited Dec 20, 2015 at 5:46

answered Dec 20, 2015 at 5:41

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Collectives™ on Stack Overflow

jQuery: Get JSON error

3 Answers 3

5 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Related