Load json file dynamically - javascript

Question

please check this:

    var scripts = {};

require = function(src){
    var id = Math.round(+new Date()/1000);

    $.ajax({
        url: src + '.json',
        type: 'GET',
        dataType: "json",
        cache: false,
                    async: false,
        success : function(data){
            scripts[id] = data;
        }
    });

    return scripts[id];
}

return undefined :/ What is the problem!? i don't know...

EDIT! 'async : false' and run!

Of course we know what JSON is. The error here has to be on the server side. Is youe src valid? — Sidharth Mudgal
– Sidharth Mudgal, Commented Oct 1, 2012 at 5:18
Try to use XMLHttpRequest object instead of jquery. It'll block. — user823738
– user823738, Commented Oct 1, 2012 at 5:44

HungryCoder · Accepted Answer · 2012-10-01 05:19:37Z

3

It is because $.ajax is asynchronous in your call.

return scripts[id];

The above line is executed even before the success callback is triggered.

answered Oct 1, 2012 at 5:19

HungryCoder

7,6161 gold badge41 silver badges52 bronze badges

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

Comments

sbr · Accepted Answer · 2012-10-01 05:20:38Z

1

it is a asynchronous call. scripts is empty when you return.

to verify the cause,

window.scripts = {};

require = function(src){
var id = Math.round(+new Date()/1000);

$.ajax({
    url: src + '.json',
    type: 'GET',
    dataType: "json",
    cache: false,
    success : function(data){
        window.scripts[id] = data;
        alert(window.scripts)
    }
});

//return scripts[id];

}

after alert, see the value of window.scripts

answered Oct 1, 2012 at 5:20

sbr

4,8735 gold badges46 silver badges51 bronze badges

Comments

XMen · Accepted Answer · 2012-10-01 05:20:54Z

0

its async issue .. Ajax call is called asynchrnously.

return scripts[id];

is executed before ajax call return.s

answered Oct 1, 2012 at 5:20

XMen

30.3k41 gold badges103 silver badges152 bronze badges

Comments

Tyanna · Accepted Answer · 2012-10-01 05:23:50Z

0

Your problem is that the call is asynchronous. This means that your method is returning before the call is finished.

Instead of returning the scripts[id] try this instead:

require = function(src){
    var id = Math.round(+new Date()/1000);

    $.ajax({
        url: src + '.json',
        type: 'GET',
        dataType: "json",
        cache: false,
        success : function(data){
            scripts[id] = data;
            DoStuff(scripts[id]);
        }
    });
}

DoStuff(data) {
    // do whatever it is you were going to do after the return.
}

answered Oct 1, 2012 at 5:23

Tyanna

7196 silver badges11 bronze badges

Collectives™ on Stack Overflow

Load json file dynamically - javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related