我在多个位置附加了AJAX调用(不幸的是,不仅按钮,而且还有链接,表单和其他内容),我都知道如何手动处理(找到我进行AJAX调用的每个位置,然后在第一次调用时阻止/覆盖按钮),我想知道是否有一种方法可以更自动地进行?

如果我们在谈论jQuery-也许是插件?会起作用的东西吗? :)

拥有以下内容将是完美的:

if clicked element has .ajax class
  block all ajax requests if the current one is still live


然后,我将.ajax类添加到每个按钮/链接/无论触发请求和请求的方式。像这样的东西存在吗?

最佳答案

您可以创建一个全局变量:

loadingAjax = false;


每当事件触发时,您可以使用以下命令将此变量设置为TRUE:

$("selector").click(function(){
  if(!loadingAjax){
    loadingAjax = true;
    $.ajax(options)..
  }
});


并且当ajax停止时,您应该将loadingAjax重新设置为false:

$( document ).ajaxStop(function() {
    loadingAjax = false
});

10-04 16:52