同步三個Ajax請求

Question

我有三個AJAX請求一個接一個地開始，我希望能夠同時回顯所有數據。

$.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和#results3都需要在同一時間與他們的相對數據加載。上面的代碼沒有這樣做。

Answer 1

您可以使用jQuery的deferred object在1.5版本中增加：

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