javascript - 关于 jQuery 中的 getJSON 函数

Question

{
   "Adam":{
      "Math":"93",
      "Science":"96",
      "Email":"adam@example.com",
      "City":"NY"
   },
   "Tom":{
      "Math":"65",
      "Science":"56",
      "Email":"tom@example.com",
      "City":"LA"
   },
   "Joe":{
      "Math":"74",
      "Science":"83",
      "Email":"joe@example.com",
      "City":"Washington"
   }
}

以上是 http://ActualUrl/path.json 中的 JSON 内容

我正在访问 JSON 文件并使用以下代码在科学中用名称和标记填充两个数组。

     var names=[];
     var marks=[];
    $.getJSON("http://path.json",function(data){               
                $.each(data, function(key, val) {   
                     names.push(key);
                    // I placed alert the check the value key.
            marks.push(parseInt(val.Science));                  
                    });
                });
    alert(names.toString()); // names is found blank
    alert(marks.toString()); 

当我最后检查数组时。发现数组为空。为什么 getJSON 会出现这种错误行为？我在每个中放置了警报并检查了值。它返回正确的值。

Answer 1

$.getJSON 异步触发，这意味着在大多数情况下它不会在您读出变量时完成。您将需要重组您的解决方案，以便在它的成功回调中做您想做的事情:

$.getJSON("http://path.json", function(data) {
    $.each(data, function(key, val) {
        names.push(key);
        marks.push(parseInt(val.Science));
    });

    // do your thing here.
});