Использование обратного вызова ajaxStop для установки doument.location

Question

У меня есть несколько асинхронных вызовов jquery, вызываемых в цикле. В конце последнего вызова я хочу обновить страницу, чтобы показать результаты после вызова. То, что у меня есть, не работает. Я был бы признателен за помощь в том, почему она не работает или не дает лучшего решения!

Спасибо.

var ajaxCount = 0; 

$(document).ready(function() { 


    $(document).ajaxStart(function() { 
     ajaxCount = 1; 
    }); 
    $(document).ajaxStop(function() { 
     ajaxCount = 0; 
    }); 
} 

function(){ 
    for(x loops){ 
     $ajax({...}); 
    } 
    while (ajaxCount != 0) { } 
    document.location = applicationRoot + 'Qc.mvc/ViewQc/' + batchId + '/1'; 

} 

Answer 1

.ajaxStop() срабатывает, когда все параллельные запросы Ajax закончили, так что вы можете использовать его непосредственно, например:

function(){ 
    $(document).ajaxStop(function() { 
    window.location.href = applicationRoot + 'Qc.mvc/ViewQc/' + batchId + '/1'; 
    }); 
    $ajax({...}); 
} 

Если вам нужно число активных запросов AJAX, JQuery уже поддерживает это, он просто не публикует его ... это на самом деле то, что используется, чтобы определить, когда нужно стрелять ajaxStart и ajaxStop событий. Вы можете присоединиться к нему через $.active. В jQuery 1.5+ он перемещается в $.ajax.active.

Answer 2

Почему бы не поставить window.location.href = .... в функцию обратного вызова этого одного конкретного вызова ajax?

$(document).ajaxStart(function() { 
    ajaxCount = ajaxCount + 1; 
}); 
$(document).ajaxStop(function() { 
    ajaxCount = ajaxCount - 1; 
    if (ajaxCount == 0 && check if they're all fired) 
      window.location.href = ... 
});