javascript - 无法访问 $.getJSON 返回的对象的属性

Question

我正在获取一个 .json 文件并使用 $.getJSON(url); 将其分配给变量 json ，当我使用

检查它时

console.log(json);
console.log(typeof json);

只是为了确保我得到这个包含大量不相关数据的大对象:console.log() result
完整代码示例:

var json = 0;
function fetchJson(url){
    var json = $.getJSON(url);
    console.log(json);
    console.log(typeof json);
    for(var i in json['responseJSON']){
        console.log(json['responseJSON'][i]);
    }
}
fetchJson('test.json');

当我尝试在页面加载时遍历 json['responseJSON'] 时，除了初始的 console.log() 之外，我什么也得不到，但是如果我将其复制并粘贴到控制台中，我也会得到 undefined。如果我使用

var list = "";
for(i in json['responseJSON']) {
    list += json['responseJSON'][i]; 
    return list;
}
console.log(list);

相反，它返回空字符串。

我需要的是 objects 的 type 属性的值 pic .

Answer 1

$.getJSON 是异步的，这意味着它正在调用服务器，您无法预测该响应何时返回。请查看 jQuery 的文档，其中显示了您必须如何提供回调函数，该回调函数将在请求完成并收到响应时运行:

http://api.jquery.com/jquery.getjson/

function fetchJson(url){
    var json = $.getJSON(url, function(json) {
        // this will run after the response is received.
        console.log(json);
        console.log(typeof json);
        for(var i in json['responseJSON']){
            console.log(json['responseJSON'][i]);
        }
    });
}