Есть ли способ добавить дополнительное поведение в функцию $ .ajax jquery

Question

Проблема в следующем. У нас много вызовов ajax через функцию $ .ajax. Теперь я хотел бы добавить индикатор загрузки, который будет отображаться при запуске ajax-вызова и исчезать при завершении ajax-вызова. Есть ли способ расширить функцию $ .ajax в jquery с помощью такого поведения?

Конечно, всегда можно найти все $ .ajax в коде и добавить необходимое поведение, но мне как-то лень это делать.

Answer 1

Для этого у вас есть функции jQuery. Возьмите этот пример:

<div id="loading">Loading...</div>

Теперь код jQuery:

$(document).ready(function() {

  $().ajaxStart(function() { $('#loading').show(); });
  $().ajaxStop(function() { $('#loading').hide(); });

});

ajaxStart обнаруживает, что выполняется вызов ajax, и выполняет функцию. ajaxStop обнаружит, что вызов ajax завершен, и выполнит функцию. Это работает с любым вызовом ajax в вашем коде.

Answer 2

Вы используете ajaxStart / ajaxStop. может эта статья помочь.