улавливать все запросы ajax в jquery

Question

Я хочу показать индикатор выполнения «Загрузка» каждый раз, когда отправляется запрос ajax. Можно ли получить уведомление ANYTIME, запрос ajax отправляется с использованием jQuery?

Answer 1

Вы можете использовать метод $.ajaxSetup() для установки глобальных свойств AJAX, которые будут применяться для всей страницы:

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

Answer 2

Попробуйте использовать JQuery в ajaxStart событие

Answer 3

По какой-то причине или другой $.ajaxSetup() не работал меня. После прочтения через docs, хотя, я нашел следующее:

Примечание: Глобальные функции обратного вызова должны быть установлены с помощью соответствующих глобальных методов-обработчиков событий .ajaxStart Ajax(), .ajaxStop(), .ajaxComplete (), .ajaxError(), .ajaxSuccess(), .ajaxSend() - а не в объекте options для $ .ajaxSetup().

Попробуйте $.ajaxStart() и $.ajaxComplete() вместо:

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