złapać wszystkie żądania ajax w jquery

Question

Chcę wyświetlać pasek postępu "Ładowanie" za każdym razem, gdy zapytanie ajax jest wysyłane. Czy możliwe jest powiadomienie ANYTIME, że zapytanie ajax jest wysyłane za pomocą jQuery?

Answer 1

Można użyć metody $.ajaxSetup() ustawić globalne właściwości AJAX, które będą miały zastosowanie do całej strony:

$.ajaxSetup({ 
    beforeSend: function() { 
     // show progress spinner 
    }, 
    complete: function() { 
     // hide progress spinner 
    } 
}); 

Answer 2

Spróbuj użyć ajaxStart zdarzenie jQuery

Answer 3

Z jakiegoś powodu lub inny $.ajaxSetup() nie pracował dla mnie. Po przeczytaniu przez docs chociaż, znalazłem następujące:

Uwaga: Globalne funkcje zwrotne powinny być ustawione z ich globalnych Ajax-.ajaxStart metod obsługi zdarzeń(), .ajaxStop(), ( .ajaxComplete), .ajaxError(), .ajaxSuccess(), .ajaxSend() - zamiast w obiekcie opcji dla $ .ajaxSetup().

Spróbuj $.ajaxStart() i $.ajaxComplete() zamiast:

$(document).ajaxStart(function() { 
    console.log('Request Initiated'); 
}); 
$(document).ajaxComplete(function() { 
    console.log('Request Complete'); 
});