javascript - 处理所有 AJAX 调用的通用方法

Question

有没有办法检测所有 AJAX 调用(GET 和 POST)？在 AJAX 调用进程运行时，我需要采用一种通用的方式来显示加载的 div。类似于下面的代码:

$.ajax({
   url: 'my/url',
   type: "GET",
   dataType: "json",
   beforeSend: function() {
       $('#loading').show();
   },
   success: function() {
       $('#loading').hide();
       // do some stuff...
}

不是调用每个 AJAX beforeSend() 和 success() 行为(显示和隐藏加载 div)，我正在寻找一种通用的方法来处理它.当我有一个 AJAX 调用时，我只是这样做:

$.ajax({
   url: 'my/url',
   type: "GET",
   dataType: "json",
   success: function() {
       // do some stuff...
}

当 beforeSend() 行为隐含在这个请求中时，success() 隐藏行为也是如此。你知道我该如何治疗这件事吗？

谢谢大家!

Answer 1

是的，您可以使用 .ajaxStart() 来做到这一点& .ajaxStop()方法如:

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