JQuery: ждать, пока все Ajax звонки не закончу затем продолжить

Question

У меня есть некоторые Ajax звонки в моем document.ready()

как:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 
     }); 
    })(j) 
} 

//DO NOT CONTINUE UNTIL FINISH AJAX CALLS 

........ 
MORE JQUERY CODE 

Как я могу заставить его ждать и не продолжаются до тех пор, получить все обратные вызовы из запросов ajax?

Answer 1

мне не нравится какой-либо ответ на все, что лучший способ (с Jquery 1.5+) заключается в использовании отсроченного объекты, те объекты, манипулируют асинхронных вызовов , вы можете решить:

$.when($.ajax("/page1.php"), $.ajax("/page2.php")) 
    .then(myFunc, myFailure); 

Этот путь MyFunc выполняется после 2 Ajax звонки сделаны и myFailure если ни одна есть ошибка.

Вы можете прочитать об этом в официальной документации Jquery: JQuery Deferred Object

Я пишу это решение, если кто-нибудь увидит этот пост может быть полезным.

К сожалению мой английский: P

Answer 2

вы можете использовать успеха на (то есть функция обратного вызова Аякса JQuery), как показано ниже:

$.ajax({ 
    url: url, 
dataType: 'json', 
data: data, 
success: function(data){ 
//Write your code here. 
    } 
}); 

Вы можете получить документацию Аякса ниже -

ajax

Answer 3

Во-первых, вы можете рассмотреть возможность запуска кода запуска в одном вызове.
Второе: вместо ожидания просто вызовите другой вызов функции. для приведенного выше кода он должен выглядеть примерно так:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      initDoneDoMoreStuff() 
     } 
     }); 
    })(j) 
} 

или триггера:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      $(document).trigger("initdone"); 
     } 
     }); 
    })(j) 
} 

$(document).bind("initdone", function() {....}); 

Answer 4

Это wasn't легко для меня, чтобы сделать это, но, возможно, вы нашли мой код полезным. Процесс отправки всех форм в dom и после того, как все они сохранены, перенаправляет пользователя на другую страницу.

formulario = $('form'); 
formulariolongitud = formulario.length; 
i = 0; 

formulario.each(function(index, value) { 
    $(this).ajaxSubmit({ 
     async: false,//not sure i 
     success: function() { 
      i++; 

      if(i === formulario.length) {//this is the last one to submit 
       window.location.replace(whatever); 
      } 
     } 
    });       
}); 

Answer 5

Проблема с чем-то вроде если (J == 7) ситуация, когда седьмой запрос очень очень быстро, и даже один из других медленно. Даже если вы поставили его в очередь последним, это может быть не последним.

Этот ответ, кажется, работает в любых условиях: https://stackoverflow.com/a/3709809/813154