jQuery promise (when > then) 不能使用 $.each 和 $.ajax 遍历数组

Question

我一直在搜索和尝试这么多变体，但没有运气。

我有一组用户：

var arr = ['tom', 'sally', 'jill', 'sam', 'john'];

我想使用 $.ajax 将这些用户传递到 2 个 API（相同的站点、不同的 URL、用于不同的数据集）：

function getStatus1() {
  return $.each(arr, function (index, value) {
    arrStatus.push($.ajax({
        url: 'https://some/url',
        dataType: 'json'
      })
      .always(function (response) {
        console.log('from getStatus1');
      }));
  });
}

function getStatus2() {
  return $.each(arr, function (index, value) {
    arrStatus.push($.ajax({
        url: 'https://some/url',
        dataType: 'json'
      })
      .always(function (response) {
        console.log('from getStatus2');
      }));
  });
}

$.when(getStatus1(), getStatus2()).then(function () {
  console.log('after getStatuses');
});

无论我尝试什么，我总是先得到“getStatuses”，我认为这是因为我没有在我的函数中返回承诺......但我不知道为什么会这样！

这篇文章是我最接近我的情况，但它不涉及使用 $.each 或数组... :( jQuery Promise then not working after AJAX

我非常感谢任何人都可以解决我的问题。

谢谢！

编辑 这是一个 Plnkr 来展示我的 ajax 问题： https://plnkr.co/edit/jRAAjXX4zFprUbx1KPlN?p=preview

感谢大家的回复，我真的希望有一个解决方案！

Answer 1

$.each 不返回值，因此返回值没有意义。

不要使用$.each，而是使用Array.prototype.map（jQuery 中没有等效项）和return 回调中的promise，例如

function getStatus1() {
  return arr.map(function(value, index) {
      return $.ajax({
          url: 'https://some/url',
          dataType: 'json'
      });
  });
}

但是，请注意，您现在（一旦修复了这两个函数）得到了 两个 的 promise 数组。 $.when() 不会处理嵌套，除非你这样做：

$.when($.when.apply($, getStatus1()), $.when.apply($, getStatus2()).then(...)

交替安排这两个函数从它们的数组中返回一个承诺：

function getStatus1() {
    return $.when.apply($, arr.map(...))
}