我在多个位置附加了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
});