jquery - 不同场景下使用 jQuery ajaxStart 和 ajaxStop 事件

Question

为了显示加载微调器，我使用了 jQuery ajaxStart 和 ajaxStop 事件，如下所示：

$(document).ajaxStart(function () {
        //some operations ....
    });

如果我使用此代码，我所有的 ajax 操作都具有相同的微调器和代码。我有两个带有“.btnOne”和“.btnTwo”类的按钮。这两个按钮在 jQuery 中加载带有 load() 函数的页面。我希望这些 ajax 操作使用不同的加载微调器。我该怎么办？

Answer 1

您可以创建全局变量，例如clickedButtonClass，并在调用 $ajax() 之前在按钮的单击处理程序中将其设置为单击按钮的类。ajaxStart然后在事件处理程序中检查这个变量。

var clickedButtonClass;

$('.btnOne').click(function() {
  clickedButtonClass = 'btnOne';
  // do ajax call
  $.ajax({
    ...
  });
});

$('.btnTwo').click(function() {
  clickedButtonClass = 'btnTwo';
  // do ajax call
  $.ajax({
    ///...
  });
});

$(document).ajaxStart(function () {
  if(clickedButtonClass === 'btnOne') {
    //some operations ....
  } else {
    //....
  }

});