在不同场景中使用jQuery ajaxStart和ajaxStop事件

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

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

如果我使用这段代码，我所有的ajax操作都有相同的微调器和代码。 我有两个带有“.btnOne”和“.btnTwo”类的按钮。这两个按钮都使用jQuery中的load（）函数加载页面。我希望这些ajax操作使用不同的加载微调器。

---

对此我应该怎么做？

您可以创建全局变量，例如

ClickedButonClass

，并在调用$ajax（）之前将其设置为按钮的单击处理程序中的clicked button类。然后在

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 {
    //....
  }

});