如何在所有ajax请求完成后调用alert

How to call alert after all ajax requests are done?

本文关键字：调用 alert 请求 ajax      更新时间：2023-09-26

我在代码中使用JQuery和get的一些请求。它看起来像:

$.get('address1', function() { ... });
$.get('address2', function() { ... });
$.get('address3', function() { ... });
// This code should be runned when all 3 requests are finished
alert('Finished');

那么，是否有任何方法可以检测是否还有正在处理的请求，并且只有当所有3个请求都完成时才运行标记的代码?

谢谢。

可以使用jQuery 1.5中引入的延迟对象[docs]:

$.when(
    $.get('address1', function() { ... }),
    $.get('address2', function() { ... }),
    $.get('address3', function() { ... })
).then(function() {
    alert('Finished');
});

参考: jQuery.when

jQuery学习中心对延迟对象/承诺有很好的介绍。

 var isFinished = [];
$.get('address1', function() { isFinshed.push["address1"]; allDone(); });
$.get('address2', function() { isFinshed.push["address2"]; allDone(); });
$.get('address3', function() { isFinshed.push["address3"]; allDone();});
var allDone = function(){
    if(isFinished.length < 3)return
    alert('Finished');
};

var fin1 = false;
var fin2 = false;
var fin3 = false;
$.ajax({
  url: "address1",
  success: function(){
    fin1 = true;
    fnUpdate();
  }
});
$.ajax({
  url: "address2",
  success: function(){
    fin2 = true;
    fnUpdate();
  }
});
$.ajax({
  url: "address3",
  success: function(){
    fin3 = true;
    fnUpdate();
  }
});
function fnUpdate(){
  if(fin1 && fin2 && fin3){
    alert('fin');
  }
}

var count = 0;
$.get('address1', function() { count++; ... });
$.get('address2', function() { count++; ... });
$.get('address3', function() { count++; ... });
var int = setInterval(function() {
    if (count === 3) {
        clearInterval(int);
        alert('done');
    }
}, 10);
相关文章：