jQuery实现ajax的叠加和停止(终止ajax请求)


Posted in Javascript onAugust 08, 2016

jQuery实现ajax的叠加和停止的关键代码如下所示:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>jQuery中终止Ajax请求</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
  <script>
    var arrayAJAX = new Array();
    $(function () {
      $("#btn").bind("click", function () {
        for (var i = 0; i < 100; i++) {
          starAJAX(i);
        }
      });
      $("#bt2").bind("click", function () {
        stopAJAX();
        alert("终止AJAX请求");
      });
    })
    //停止ajax
    function stopAJAX() {
      for (var i = 0; i < arrayAJAX.length; i++) {
        arrayAJAX[i].abort();
      }
      arrayAJAX = new Array();
    }
    //添加ajax
    function starAJAX(i) {
      var options = {
        url: '/Home/addallrecommandbook',
        data: "html=" + i,
        success: function (data, textStatus) {
          if (textStatus == 'success') {
            alert("添加成功!");
          }
          else {
          }
        },
        error: function (x, msg, err) {
        }
      };
      arrayAJAX.push($.ajax(options));
    }
  </script>
</head>
<body>
  <input type="button" id="btn" value="starAJAX" />
  <input type="button" id="bt2" value="stopAjax" />
</body>
</html>

以上所述是小编给大家介绍的jQuery实现ajax的叠加和停止(终止ajax请求),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
javascript实现uploadify上传格式以及个数限制
Nov 23 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
Apr 25 Javascript
jQuery操作cookie
Aug 08 #Javascript
轮播图组件js代码
Aug 08 #Javascript
JavaScript面试开发常用的知识点总结
Aug 08 #Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 #Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 #Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 #Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 #Javascript
You might like
PHP 数组入门教程小结
2009/05/20 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
2016/01/21 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
深入浅析Vue不同场景下组件间的数据交流
2017/08/15 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
Python使用PDFMiner解析PDF代码实例
2017/03/27 Python
谈谈python中GUI的选择
2018/03/01 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
应届毕业生自荐信例文
2014/02/26 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
借款协议书
2014/09/16 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
市场营销计划书
2015/01/17 职场文书
武当山导游词
2015/02/03 职场文书
店长岗位职责
2015/02/11 职场文书
PHP策略模式写法
2021/04/01 PHP
RestTemplate如何通过HTTP Basic Auth认证示例说明
2022/03/17 Java/Android