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 相关文章推荐
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
jQuery插件制作的实例教程
May 16 Javascript
JS原型链 详解及示例代码
Sep 06 Javascript
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
Jul 11 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
vue动画打包后失效问题的解决方法
Sep 18 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用mysql数据库存储session的代码
2010/03/05 PHP
PHP下对数组进行排序的函数
2010/08/08 PHP
php调用c接口无错版介绍
2014/03/11 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
python+pyqt实现右下角弹出框
2017/10/26 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
Django单元测试工具test client使用详解
2019/08/02 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
留学自荐信写作方法
2014/01/27 职场文书
简单租房协议书
2014/04/09 职场文书
创业计划书之酒店
2019/08/30 职场文书
MySQL插入数据与查询数据
2022/03/25 MySQL