将JSON文件加载到JavaScript中

Question

 var myJSON ;
$.getJSON("../json.json",function(data){
    myJSON =data;
});

我已经尝试过使用jquery使用$ .getJSON（），但是返回的数据始终为null。 我不理解为什么。 JSON文件的路径正确。

Answer 1

如果路径正确，则此代码应该可以工作。但是，如果在回调函数之外声明myJSON，则可能是在调用回调函数之前在外部使用它：

var myJSON; // why are you declaring that here?
$.getJSON("../json.json",function(data){
    myJSON =data;
    console.log('Within the callback function: '+myJSON);
});

console.log('Outside the callback function: '+myJSON) // this is ALWAYS null

Answer 2

发出请求后，JSON数据将立即失效。
$.getJSON在数据下载之前返回，并在完成后仅调用提供的回调。

你需要做

$.getJSON("../json.json",function(myJSON){
    // do something with myJSON
});

如果您确实需要同步请求，请使用$.ajax并将参数async为false 。

还要检查您的JSON是否有效。 区别在于如何在JavaScript中定义数组和对象以及正确的JSON。
例如[1,2,3,]应该是[1,2,3] ， {one:1}应该是{"one":1} 。