AJax技术

jquery中通过全局变量来禁止多次ajax请求

字号+ 作者:H5之家 来源:H5之家 2017-05-20 12:06 我要评论( )

jquery中通过全局变量来禁止多次ajax请求

站长研究了一下午,终于完善的解决了页面当中多次请求ajax的方法,一开始的时候,站长是担心客户不太懂网站,点了按钮后,如果网速慢了会反应特别慢,就怕客户连续点击按钮造成客户端向服务器发送了一次又一次的ajax请求,浪费了服务器的资源。

在百度上搜索了半天,开始的时候是搜索jquery中ajax的当前状态如何获取,站长想通过每次ajax请求之前来判断当前ajax的状态来控制再次的ajax请求,在网上看了好多的教程,自己也测试了好多,都没啥用!这里站长不得不再报怨一句,搜索引擎里搜索出来的文章可真是天下一大抄啊。。。。

不说废话了,来看站长测试后总结出来的代码:

<script language="javascript"> var ajaxstate=false;//定义全局变量,通过这个变量来获得当前的ajax状态 $(function(){ $(document).ajaxStart(function(){ $("#Con").html("数据加载中"); }).ajaxStop(function(evt,request,settings){//jquery里的全局事件,当ajax请求结束后,改变全局变量的值 ajaxstate=false; }); }); $.ajaxSetup({ global:true, type: "POST", cache:false, async:true, beforeSend:function(e,xhr){if(ajaxstate){alert("上次请求尚未完成,不能请求"+xhr.url);return false;};ajaxstate=true;}, error:function(a,b,c){alert(b+":"+c+"\n\n"+"请联系站长:QQ-274300630");$("#R").html(b+":"+c+a+" "+"请联系站长:QQ-274300630");} }); </script>大家可以根据上面站长提供的代码,自己改编一下在本地进行测试,当连续俩次ajax请求时,第二次请求就会弹出提示框的!

本文“jquery中通过全局变量来禁止多次ajax请求”的内容摘要为:jquery中通过全局变量来禁止多次ajax请求  由天使建站[]首发,转载请说明!

上一篇: jquery.ajax中各个事件的先后顺序

下一篇: jquery通过读取图片文件头部信息来得到图片的尺寸大小[附完整实例]

 

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

相关文章
  • ajax与302响应代码测试

    ajax与302响应代码测试

    2017-05-20 12:05

  • jquery 终止ajax请求方法_abort方法使用

    jquery 终止ajax请求方法_abort方法使用

    2017-05-17 08:05

  • 从零开始学习jQuery (六) AJAX快餐(6)

    从零开始学习jQuery (六) AJAX快餐(6)

    2017-05-17 08:04

  • jquery ajax缓存问题解决方法小结

    jquery ajax缓存问题解决方法小结

    2017-05-15 11:01

网友点评