jquery store json object from url in javascript variable

Question

How do I use the .getJSON() function to save a json object as a javascript variable?

var js = 
$.getJSON(url, 
    function(data) {...}
);

do I need the function(data) {...} callback?

The var would look like normal json format (like a dictionary in python?)

{"query":{"count":1,"created":"2014-07-18", ...

The function(data){...} part is the callback of getJSON, data is the JSON response that you will get. — Teh SoTo
– Teh SoTo, Commented Jul 18, 2014 at 5:10
You mean you want to receive data returned by $.getJSON in a JavaScript variable? — AdityaParab
– AdityaParab, Commented Jul 18, 2014 at 5:10

Thorbjørn Kappel Hansen · Accepted Answer · 2014-07-19 00:44:31Z

7

You would need to declare the variable first and then assign the value in the success function as such:

var js;
$.getJSON(url, 
    function(data) {
        js = data;
        // or use your data here by calling yourFunction(data);
    }
);

EDIT:

If your code looks something like the following, then it probably won't work:

var js;
$.getJSON(url, 
    function(data) {
        js = data;
        // or use your data here by calling yourFunction(data);
    }
);
$("div").html(js);

That's because the $.getJSON() is an asynchronous function. That means the code underneath will continue executing without waiting for the $.getJSON to finish. Instead you would want to use the variable inside the success function as such:

var js;
$.getJSON(url, 
    function(data) {
        // the code inside this function will be run,
        // when the $.getJSON finishes retrieving the data
        js = data;
        $("div").html(js);
    }
);

edited Jul 19, 2014 at 0:44

answered Jul 18, 2014 at 5:11

Thorbjørn Kappel Hansen

1,2971 gold badge8 silver badges10 bronze badges

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

3 Comments

brno792 Over a year ago

$("div").html(js); doesnt print to my html div though?

brno792 Over a year ago

Thanks. That is still not showing anything in the div though. I want to actually print out the json object on in my div.

Thorbjørn Kappel Hansen Over a year ago

before $("div").html(js); have you tried adding console.log(js); to make sure the $.getJSON is retrieving the data correctly? If not, let me know what it prints

AdityaParab · Accepted Answer · 2014-07-18 05:12:14Z

0

Assuming you want to receive data returned by $.getJSON in a javascript variable.

var js;

$.getJSON(url, function(data) {
    js = data;
    // you can even pass data as parameter to your target function like myFunct(data);
});

answered Jul 18, 2014 at 5:12

AdityaParab

7,1003 gold badges30 silver badges40 bronze badges

Collectives™ on Stack Overflow

jquery store json object from url in javascript variable

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related