Javascript .js file to variable

Question

I'm trying the following to pull in a json formatted file into a JS variable (the json file is correct json).

var data;
$.getJSON('../data/data.js', function(json){
    data = json;
});
console.log(data);

The result is:

undefined

When I console.log inside the $.getJSON function I do get the results.

Any idea what I might be doing wrong?

getJSON is asynchronous. data will be undefined when you log it. Add a console.log() to the callback function and you'll see that it fires asynchronously, with a delay. — James
– James, Commented Feb 25, 2015 at 12:49
@JayBhatt getScript() also executes the data, but since it's json isn't that a bad idea? — Miguel Stevens
– Miguel Stevens, Commented Feb 25, 2015 at 12:51

Oday Fraiwan · Accepted Answer · 2015-02-25 13:00:16Z

1

The file seems to be received successfully. However, your problem is that the callback function is run asynchronously, so data is value is not defined when it is logged.

Solution:

var processFile = function (fileData) {
    // do processing here.
}


var data;
$.getJSON('../data/data.js', function(json){
    data = json;
    processFile(data);
});

edited Feb 25, 2015 at 13:00

answered Feb 25, 2015 at 12:53

Oday Fraiwan

1,1571 gold badge9 silver badges23 bronze badges

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

5 Comments

Joe Over a year ago

It's not null it's undefined.

Miguel Stevens Over a year ago

Thank you, But i need to use the data afterwards.. How can I do that? the console.log is just for testing. thanks

Oday Fraiwan Over a year ago

It is not a concern here, the objective is that no value is assigned to data. However, edited the answer.

Oday Fraiwan Over a year ago

@Notflip you can handle the response in a function where one of the parameters is the data received (the JS file). See updated answer

Miguel Stevens Over a year ago

Hmh still not working, I can process the data in the processFile function, but I want to be able to use the data in the whole file.. which is not working, thank you for your time so far!

Collectives™ on Stack Overflow

Javascript .js file to variable

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related