jQuery.Deferred 异常（AJAX、JSON 数组对象）

Question

我的第一个函数通过 jQuery AJAX 请求获取 JSON 数组对象。 我的第二个函数尝试访问该对象，但遇到“jQuery.Deferred 异常：无法获取未定义或空引用的属性 '1'...”（注 '1' 是指我尝试访问 oJSON [1 ].name 如以下代码所示。）

这是我的 JSON：

[{"name":"Alpha", "numWalks":1},{"name":"Beta","numWalks":2}]

这是我的代码：（注意：由于我的 SharePoint 网站的设置方式，我必须将 JSON 保存为 .txt 文件并将其解析为 JSON。）

var oJSON;
$("document").ready(function() {
  getText().done(getDogs());
});

function getText() {
  var deferred = $.Deferred();
  $.get("dogWalksJSON.txt", function(returnedText) {
    oJSON = JSON.parse(returnedText);
  });
  deferred.resolve();
  return deferred.promise();
}

function getDogs() {
  console.log(oJSON[1].name);
}

如果我在 getText() 函数中使用 console.log(oJSON[1].name)，它就可以工作。但是当我尝试从 getDogs() 函数访问该信息时，我得到了异常。我的猜测是它试图在准备好之前访问信息（如果我尝试从浏览器的控制台访问它，它可以工作），这就是我添加延迟/承诺的原因。

有人对我如何解决这个问题有任何建议吗？

谢谢！

Answer 1

我的猜测是它试图在准备好之前访问信息

确实如此。您调用 deferred.resolve 太早了，而且您立即调用 getDogs() 而不是将其传递给 then。

避免使用deferred antipattern 和全局oJSON 变量，使用

$("document").ready(function() {
  getText().then(getDogs  );
//                      ^^ no call
});

function getText() {
  return $.get("dogWalksJSON.txt")
  .then(function(returnedText) { // chain the promise
    return JSON.parse(returnedText); // fulfill it with the parsed object
  });
}

function getDogs(oJSON) {
  console.log(oJSON[1].name);
}