Synchronizacja trzech żądań ajaxowych

Question

Mam trzy żądania AJAX wystrzeliwujące jeden po drugim, i chciałbym móc odtworzyć wszystkie dane jednocześnie.

$.ajax ({ 
     type: "POST", 
     url: "page1.php", 
     data: "var1=" + var1, 
     success: function(msg) { 
      $("#results2").load("page2.php", 
      function (responseText, textStatus, XMLHttpRequest) { 
       $("#results3").load("page3.php", 
       function (responseText, textStatus, XMLHttpRequest) { 
        if (textStatus == "success") { 
         $("#results1").html(msg); 
        } 
       }); 
      }); 
     } 
    }); 

#results1, #results2 i #results3 wszystkie muszą być ładowane z danymi względnych w tym samym czasie. Powyższy kod tego nie robi.

Answer 1

można użyć deferred object jQuery dodane w wersji 1.5:

$.when($.ajax({1}) , $.ajax({2}) , $.ajax({3})) 
.then(function() { 
    alert("tada"); 
});