javascript - 当调用 $.getJSON 的 $.getJSON 全部完成时如何收到通知

Question

假设我有以下 JavaScript:

(function($) {
  $.getJSON(url, function(data) {
    $.each(data.rows, function(index, row) {
      $.getJSON(url2, function(data2) {
        //Do something with data2, like adding it to an element on the page.
        //When all rows have been processed, by this function, I want to
        //call a function.
      }
    }
  }
})(jQuery)

我希望在所有内部 $.getJSON 返回时收到通知。

在我的实际代码中，我将使用一个回调函数，我希望在所有请求完成时调用该函数。

Answer 1

您可能可以使用 jQuery.when()为此，例如:

(function($) {
  $.getJSON(url, function(data) {

    $.when.apply($, $(data.rows).map(function (idx, row) {
      // return deferred object
      return $.getJSON(url, function () {
        // single callback
        console.log('one done');
      });
    }))
    .then(function () {
      // success callback
      console.log('success');
    }, function () {
      // failure callback
      console.log('failure');
    });
  });
})(jQuery)

编辑:刚刚意识到 when 不会将数组作为参数，因此我更改了代码，使用 .apply 代替。