javascript - 动态加载 json 文件 - javascript

Question

请检查：

    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];
}

返回未定义：/有什么问题！？我不知道...

编辑！'async : false' 并运行！

Answer 1

这是因为 $.ajax 在您的调用中是异步的。

return scripts[id];

success甚至在触发回调之前执行上述行。

Answer 2

这是一个异步调用。返回时脚本为空。

查明原因，

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];

}

警报后，查看 window.scripts 的值

Answer 3

它的异步问题.. Ajax 调用被异步调用。

return scripts[id];

在ajax调用return.s之前执行

Answer 4

你的问题是调用是异步的。这意味着您的方法在调用完成之前返回。

而不是返回 scripts[id] 试试这个：

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.
}