jQuery.getJSON always returns empty object

Question

I've been looking for a way to include an object from a JSON file, and I've found several pages summarizing how to use $.getJSON(), and even a few answers here, but none have worked. Some have suggested I do it this way:

var json;

$.getJSON("dir/1.json", function(response){
    json = response;
});

And some have suggested it this way:

var json = $.getJSON("dir/1.json");

Neither of these work. When I try to call a property of json, such as json.title, it just gives me an error saying the variable is undefined. No one else seems to be having this problem, so what am I doing wrong?

Do you understand the difference between a relative path and an absolute path? — Erik Philips
– Erik Philips, Commented Jan 17, 2016 at 5:48

MMK · Accepted Answer · 2016-01-17 06:38:37Z

2

Try using this:

var json = $.getJSON( "dir/1.json" )
    .done(function( response ) {
        json = response;
        console.log( "json variable ready" );
    })
    .fail(function() {
        console.log( "error" );
    });

Update

The response object returned by $.getJSON() implements the promise interface, giving it all the properties, methods, and behavior of a promise. So json isn't ready until a response is returned or the done function is fired.

edited Jan 17, 2016 at 6:38

answered Jan 17, 2016 at 6:13

MMK

6015 silver badges16 bronze badges

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

2 Comments

MMK Over a year ago

The response object returned by $.getJSON() implements the promise interface, giving it all the properties, methods, and behavior of a promise. So json isn't ready until a response is returned or the done function is fired.

MMK Over a year ago

Just did it. Thanks for the suggestion

Ben174 · Accepted Answer · 2016-01-17 05:49:07Z

1

The response is deferred. At the time you're reading the variable, the response likely hasn't responded yet. Try accessing the variable inside the function callback, right after json = response;

answered Jan 17, 2016 at 5:49

Ben174

3,9442 gold badges19 silver badges15 bronze badges

Collectives™ on Stack Overflow

jQuery.getJSON always returns empty object

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related