json object to javascript global reference

Question

Hi I have ajax which calls json, i wanted to have this json object a javascript global reference so that I can use this reference to access json object. here is code.

var jsonData;

$.getJSON(url, function(json) {
 jsonData = json; /*i wanted to pass this json object to global reference*/
});
nextAlbum function(){
    console.log(jsonData.albums.length); /*I have to acces here*/
}

your help will be appreciated. here is my latest code.

var mysplitSlider = (function(){
var init, findTotalAlbums, countAlbum;
var jsonData;

return{
    init: function(url){
        $.getJSON(url, function(json) {
            jsonData = json;
        });
    },
    nextAlbum:function(){
        console.log(jsonData.albums.length);
    },
    previousAlbum:function(){}
};

})();

var url = "assets/images/detail_view_gallery/data.json";

mysplitSlider.init(url);

please help me so that I can access reference variable/object for json.

what's the output of this console.log(jsonData.albums.length); — Ashok Raj
– Ashok Raj, Commented Oct 5, 2012 at 9:51

James Allardice · Accepted Answer · 2012-10-05 09:48:23Z

1

If I've understood your question correctly, then you're running into problems with the asynchronous nature of getJSON.

Since getJSON is asynchronous your jsonData variable will not contain any data until that asynchronous call has received a response and executed the callback. If you attempt to access jsonData before that's happened, you'll likely run into errors.

You will need to move any code that relies upon jsonData into the callback function.

Note, the above assumes your syntax errors are just a result of creating the question and are not part of your actual code.

answered Oct 5, 2012 at 9:48

James Allardice

166k22 gold badges335 silver badges315 bronze badges

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

Comments

Anoop · Accepted Answer · 2012-10-05 09:49:38Z

1

Modified code: jsonData would not be available immediately since getJSON is a asynchronous call. and your function nextAlbum definition was not currect.

  var jsonData ;
$.getJSON(url, function(json) {
 nextAlbum (json);
 jsonData = json; /*i wanted to pass this json object to global reference*/
});
function nextAlbum (json){
    console.log(json.albums.length); /*I have to acces here*/
}

answered Oct 5, 2012 at 9:49

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

Comments

JNo · Accepted Answer · 2012-10-05 09:53:07Z

0

Remember, AJAX is Asynchronous JavaScript And XML...

function nextAlbum(jsonData){
    console.log(jsonData.albums.length);
    /* If you want, add a global var to save json */
}

$.getJSON(url, nextAlbum);

answered Oct 5, 2012 at 9:53

JNo

4573 silver badges11 bronze badges

Collectives™ on Stack Overflow

json object to javascript global reference

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related