Синхронизация трех запросов ajax

у меня есть три запроса 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 все должны быть загружены с их относительными данными одновременно. Приведенный выше код этого не делает.

1 ответов


можно использовать отложенный объект jQuery добавлен в версии 1.5:

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