Question

我想创建一个具有全局范围的对象，该对象具有从外部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']）;请求提供正确的值，以便正确加载json文件并使用正确的格式警报（代码）;行工作，以便脚本正确进入循环我认为问题在于生成nameList

Answer 1

你很亲密。 $.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();
},

使用延迟JSON请求中的方法和类创建Javascript对象

1 个答案: