使用数组的 AJAX Promise

IT技术 javascript jquery ajax promise
2021-03-12 21:23:27

我正在尝试使用Promise进行几次 AJAX 调用（假设为 2）。基本上我希望能够将两个响应合并在一起，对它们作为一个整体进行一些分析，然后吐出一个响应。现在，我有：

var responseArray = [];
for (var i=0; i<letsSayTwo; i++) {
  responseArray.push(someAjaxCall(data));
};
responseArray.done(function(response) {
  var spit = someAnalysis(response);
  console.log(spit);
});
responseArray.fail(function(response) {
  console.log('fail');
});

就目前而言，我在控制台中收到“未捕获的类型错误：对象 [对象数组] 没有方法‘完成’”错误。我认为我不能使用这种方法是否正确？我考虑使用以下来自 ( http://gregfranko.com/blog/jquery-best-practices/ )的代码，但我似乎无法得到我需要的响应。

$.when.apply(this, responseArray).then(function(response) {
  console.log(response);
});

相反，我得到的是 [response, "success", response] 其中第一个响应是 AJAX 调用之一的正确返回响应，最后一个响应是实际调用本身。我应该如何从两个 AJAX 调用中获得正确的响应？

我希望这一切都有意义。谢谢！

1个回答

就目前而言，我Uncaught TypeError: Object [object Array] has no method 'done'在控制台中收到错误消息。我认为我不能使用这种方法是否正确？

不是在阵列上，是的。您只能在 Promise 和 Deferred 对象上调用此方法，就像由$.when.apply(this, responseArray)

……但我似乎无法得到我需要的回应。相反，我得到的是[response, "success", response]第一个响应是其中一个 AJAX 调用的正确返回响应，而最后一个响应是实际调用本身。

如文档$.when中所述，它使用多个参数解析结果Promise- 当输入Promise本身确实产生多个值（例如 do $.ajax）时，每个参数都是相应Promise解析的参数对象。你只用 得到了第一个response，但是回调有responseArray.length( letsSayTwo) 个参数。

我应该如何从两个 AJAX 调用中获得正确的响应？

您想从每个arguments对象中提取第一项（响应数据），因此您可以使用map：

$.when.apply(this, responseArray).done(function() {
  var responses = $.map(arguments, function(args) { return args[0]; }),
      spit = someAnalysis(responses);
  console.log(spit);
}).fail(function(jqXHR, textStatus, errorThrown) {
  console.log('fail: '+textStatus);
});
不，它应该：这使它成为一个多var声明，也声明spit。
2021-04-16 21:23:27
哈哈当然。抱歉，我取出了 someAnalysis 行，但它抛出了错误。谢谢！
2021-04-21 21:23:27
知道了！谢谢你解释得这么好。请注意，我认为第二行的最后一个字符应该是分号，而不是逗号。
2021-05-13 21:23:27
其它你可能感兴趣的问题
上一篇保存对此范围的访问 下一篇Angular 6：HTML 表格创建动态列和行