सभी AJAX अनुरोधों के बाद अलर्ट कैसे कॉल करें?

Question

मैं कोड में 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 अनुरोध पूरा कर लें चलाने के लिए तरीके हैं।

धन्यवाद।

Answer 1

आप jQuery 1.5 में पेश किया deferred objects^[docs] का उपयोग कर सकते:

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

संदर्भ:jQuery.when

jQuery शिक्षा केंद्र एक अच्छा introduction to deferred objects/promises है।

Answer 2

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'); 
    } 
} 

Answer 3

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); 

Answer 4

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'); 
};