1

我想创建一个具有全局范围的对象，该对象具有从外部 JSON 文件加载的数据。文档加载后，我想使用此对象中的数据。即不等待用户输入。我正在尝试使用 jquery 不同的方法。我假设 Jquery get 方法会生成适当的不同对象供我以后使用。声明对象的代码如下

var myData = {
init: function () {
    $.getJSON('data/data.json', function (raw) {    
        myData.data = raw; 
        alert(myData.data['UWLO']['name']);
        yes = true;
        $.each(raw, function (code, details) {
            if (yes){
                alert(code);
            }
            yes = false;
            nameList[details.name] = code;
        });
        //alert(nameList);
    });
},
data: {},
nameList: {},
findByCode: function (code) {
    return myData.data[code];
},
getCode: function (name) {
    return nameList[name];
},
getNameStrings: function () {
    return Object.keys(nameList);
}
}

初始化对象的代码是

$(document).ready(function () {
    $.when(myData.init()).then(function () {
        alert(myData.nameList);
    });
});

警报（myData.data['UWLO']['name']）; request 给出了正确的值，因此 json 文件被正确加载并且警报（代码）的格式正确；行有效，因此脚本正确进入循环我认为问题在于生成 nameList

4

1 回答 1

3

你很近。$.ajax函数返回deferred对象的承诺。所以你必须从你的init函数中返回它以便以后能够使用它。试试这个：

init: function () {
    return $.getJSON('data/data.json', function (raw) {

您还可以简化其他代码段：

myData.init().done(function() {
    //...
});

编辑 - 实际上，为了明确回调发生的顺序（如果这在您的实际解决方案中更复杂），像这样创建自己的延迟对象可能会更好：

init: function () {
    var def = $.Deferred();
    $.getJSON('data/data.json', function (raw) {    
        myData.data = raw; 
        alert(myData.data['UWLO']['name']);
        yes = true;
        $.each(raw, function (code, details) {
            if (yes){
                alert(code);
            }
            yes = false;
            nameList[details.name] = code;                
        });
        //alert(nameList);
        def.resolve();
    });
    return def.promise();
},
于 2013-09-12T13:23:04.340 回答