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如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
理解JS绑定事件
Jan 19 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
Jul 11 Javascript
JavaScript数组去重的几种方法效率测试
Oct 23 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
vue中监听返回键问题
Aug 28 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 Javascript
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 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设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
javascript实现简单的进度条
2015/07/02 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
JavaScript动态绑定详解
2017/09/14 Javascript
jQuery实现表格的增、删、改操作示例
2019/01/27 jQuery
javascript验证form表单数据的案例详解
2019/03/25 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
Python删除空文件和空文件夹的方法
2015/07/14 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
numpy.transpose对三维数组的转置方法
2018/04/17 Python
带你认识Django
2019/01/15 Python
佳能德国网上商店:Canon德国
2017/03/18 全球购物
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
安全教育实施方案
2014/03/02 职场文书
服装店营销方案
2014/03/10 职场文书
农行心得体会
2014/09/02 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
2015年煤矿工作总结
2015/04/28 职场文书
不同意离婚答辩状
2015/05/22 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android
Nginx跨域问题解析与解决
2022/08/05 Servers