показать диалог загрузки по запросу AJAX

Question

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

Я использую JQuery для всех моих запросов AJAX, в настоящее время все они запускаются с использованием тегов Grails, но я ожидаю, что в конечном итоге мне потребуется использовать функции JQuery напрямую (например, $.ajax).

Есть ли способ заставить этот диалог загрузки появляться / исчезать при каждом запуске / завершении запроса AJAX без необходимости повторения кода в каждом месте, где я выполняю вызов AJAX?

Answer 1

$("#loading_animation").bind({
    ajaxStart: function() { $(this).show(); },
    ajaxStop: function() {  $(this).hide(); }
});

Answer 2

Если бы это был я, я бы переключился на явное использование jquery. С помощью jQuery вы можете настроить параметры, которые будут использовать все запросы ajax

$.ajaxSetup({
   beforeSend: function(xhr, settings) {
     // do mask here
   },
   complete: function(xhr,textStatus){
     // remove mask here
   }

});

Я нашел все это здесь .