Javascript:在所有异步调用返回后调用函数

Question

在我的项目中，数据分布在表组中。为了读取数据，我需要对每个组 (1...groupCount) 进行异步调用。

在成功读取每个组中存在的所有数据后，我需要调用另一个函数。最好的方法是什么？

function getData() {

    for(var gc = 1; gc < groupCount; gc++)
        readDataFromAsync(gc);

}

Answer 1

假设readDataFromAsync返回一个jQuery延迟对象

使用jQuery.when()并在所有完成后传递一个回调来运行。

function getData() {
  var promises = [];
  for (var gc = 1; gc < groupCount; gc++) {
    promises.push(readDataFromAsync(gc));
  }
  $.when.apply(undefined, promises).done(function(/*...*/) {
    // your code
  });
}