AJax技术

ajax小技巧,防止多次点击发送多个请求

字号+ 作者:H5之家 来源:H5之家 2017-12-15 13:14 我要评论( )

ajax小技巧,防止多次点击发送多个请求 var isAjax=false; $("btn").click(function(){ if(isAjax) return; isAjax=true; setTimeout(function(){ alert(123); isAjax=false; },2000); }); 刚开始为false,点击之后,为true就不执行,即不能再点击了。 执行

ajax小技巧,防止多次点击发送多个请求

var isAjax=false;
$("btn").click(function(){
if(isAjax)
return;


isAjax=true;
setTimeout(function(){
alert(123);
isAjax=false;
},2000);
});
刚开始为false,点击之后,为true就不执行,即不能再点击了。
执行下一句,一开始设置为true,防止其它点击,也就不会重复地点击了。即使点击多次也只会弹出一次。

 

posted @

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 第108天:Ajax中XMLHttpRequest详解

    第108天:Ajax中XMLHttpRequest详解

    2017-12-15 17:05

  • ajax post data 获取不到数据,注意content

    ajax post data 获取不到数据,注意content

    2017-12-15 10:11

  • Ajax技术(84)

    Ajax技术(84)

    2017-12-15 10:09

  • PJAX初体验(主要是利用HTML5 新增API pushState和replaceState+AJAX)

    PJAX初体验(主要是利用HTML5 新增API pushState和replaceState+AJAX

    2017-12-14 12:26

网友点评