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

【问题标题】：Using jQuery ajaxStart and ajaxStop events in different scenarios不同场景下使用 jQuery ajaxStart 和 ajaxStop 事件
【发布时间】：2013-08-20 08:46:08
【问题描述】：

为了显示加载微调器，我已经像这样使用了 jQuery ajaxStart 和 ajaxStop 事件：

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

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

【问题讨论】：

标签： jquery ajax

【解决方案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 {
    //....
  }

});

【讨论】：