5

假设我有以下内容：

function main() {

  var finished = false;

  for(var i=0; i < 3; i++) {
    do(i);
  }
}

function do(i) {
  $.ajax({
   url:"myurl.com/"+i,
   datatype:"text/xml",
   success: function() {

        // Two more layers of multiple nested $.ajax elements here
   }
  })
}

在三次迭代后所有“做”完成后，有什么方法可以弹出一个警告框吗？如何？语法会有所帮助。

4

3 回答 3

14

ajax 调用返回一个 jQuery Promise 对象。您可以在一个数组中收集每个的输出，并使用$.when将这些承诺“捆绑”在一起。

此代码是您想要的基本思想：

function main() {

  var finished = false;

  var defs = [];

  for(var i=0; i < 3; i++) {
    defs.push(do(i));
  }

  $.when.apply(null, defs).done(function() {
    //this code will only run when all ajax calls are complete
  });
}

function do(i) {
  var promise = $.ajax({
   url:"myurl.com/"+i,
   datatype:"text/xml",
   success: function() {

        // Two more layers of multiple nested $.ajax elements here
   }
  })

  return promise;
}

浏览器可以有很多开放的 HTTP 连接，不要让反对者说服你。这是浏览器支持的最大并发连接表。让您的网站使用统计数据成为您的指南，但即使是一次 2 个 ajax 请求也比完全同步的数据请求更快......

Firefox 2:  2
Firefox 3+: 6
Opera 9.26: 4
Opera 12:   6
Safari 3:   4
Safari 5:   6
IE 7:       2
IE 8:       6
IE 10:      8
Chrome:     6
于 2013-04-03T22:08:45.507 回答
2

作为全球： 

var complete = 0;

所有 AJAX 调用；

$.ajax({
  ... //other attributes,
  complete: function(){
    complete++;
    if (complete == 3) {
      alert('all completed');
    }
  }
});

这将在完成三个 AJAX 调用时执行。但是，如果您需要增加它，那么就这样做。

于 2013-04-03T22:08:36.907 回答
0

您可以为此使用一组状态：

function main() {
  var ready = new Array(3);
  for (var i = 0; i < 3; i++) {
    ready[i] = false;
  }

  for (var i = 0; i < 3; i++) {
    do(i, ready);
  }
}

function do(i, ready) {
  $.ajax({
   url:"myurl.com/"+i,
   datatype:"text/xml",
   success: function() {
     // If there are multiple layers then the next statements should be executed in the last layer.
     ready[i] = true;
     if (isAllReady(ready)) {
       alert("All done!");
     }
   }
  })
}

function isAllReady(ready) {
  var allReady = true;
  for (var i = 0; i < 3; i++) {
    if (!ready[i]) {
      allReady = false;
    }
  }
  return allReady;
}
于 2013-04-03T22:06:40.623 回答