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 相关文章推荐
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
js实现登录验证码
Dec 22 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
js实现拖动缓动效果
Jan 13 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页面中文乱码分析
2013/10/29 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
php实现的Timer页面运行时间监测类
2014/09/24 PHP
PHP连接和操作MySQL数据库基础教程
2014/09/29 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
让网页跳转到指定位置的jquery代码非书签
2013/09/06 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
浅谈vue的iview列表table render函数设置DOM属性值的方法
2017/09/30 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
vue实现记事本功能
2019/06/26 Javascript
微信小程序日历插件代码实例
2019/12/04 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
Django 使用logging打印日志的实例
2018/04/28 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
8种用Python实现线性回归的方法对比详解
2019/07/10 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
Python matplotlib可视化实例解析
2020/06/01 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
高三自我鉴定
2013/10/23 职场文书
大四毕业生学习总结的自我评价
2013/10/31 职场文书
设备管理实施方案
2014/05/31 职场文书
安全责任书
2015/01/29 职场文书
离婚起诉状范本
2015/05/19 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python
Redis监控工具RedisInsight安装与使用
2022/03/21 Redis
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏