Đồng bộ hóa ba yêu cầu ajax

Question

Tôi có ba yêu cầu AJAX kích hoạt một yêu cầu khác và tôi muốn có thể phản hồi lại tất cả dữ liệu cùng một lúc.

$.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 và #results3 tất cả cần phải được nạp với các dữ liệu liên quan của họ cùng một lúc. Đoạn mã trên không hoạt động.

Answer 1

bạn có thể sử dụng deferred object của jQuery được thêm vào trong phiên bản 1.5:

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