快捷導(dǎo)航

jQuery實(shí)現(xiàn)ajax的疊加和停止(終止ajax請(qǐng)求)

更新時(shí)間：2016年08月08日 16:19:22 作者：Mr.Bruce

這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax的疊加和停止的關(guān)鍵代碼，代碼簡(jiǎn)單易懂，需要的朋友可以參考下

jQuery實(shí)現(xiàn)ajax的疊加和停止的關(guān)鍵代碼如下所示：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>jQuery中終止Ajax請(qǐng)求</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請(qǐng)求");
      });
    })
    //停止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實(shí)現(xiàn)ajax的疊加和停止(終止ajax請(qǐng)求)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jQuery.form.js的使用詳解
本文使用jquery.form.js解決提交之后，頁(yè)面發(fā)生跳轉(zhuǎn)，在一個(gè)空白頁(yè)面上顯示了后端返回的json數(shù)據(jù)問(wèn)題，需要的朋友參考下
2017-06-06
基于jQuery實(shí)現(xiàn)美觀且實(shí)用的倒計(jì)時(shí)實(shí)例代碼
倒計(jì)時(shí)效果在我們的日常生活中經(jīng)常會(huì)用到，比如說(shuō)高考倒計(jì)時(shí)、元旦放假倒計(jì)時(shí)、春節(jié)放假倒計(jì)時(shí)等等，下面通過(guò)本篇文章給大家分享基于jQuery實(shí)現(xiàn)美觀且實(shí)用的倒計(jì)時(shí)實(shí)例代碼，對(duì)jquery倒計(jì)時(shí)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
讀jQuery之十一添加事件核心方法
上一篇提到j(luò)Query中添加事件提供給客戶端程序員的接口方法有很多bind/click等，但其實(shí)現(xiàn)的核心方法是jQuery.event.add。
2011-07-07
jquery+CSS3模擬Path2.0動(dòng)畫菜單效果代碼
這篇文章主要介紹了jquery+CSS3模擬Path2.0動(dòng)畫菜單效果代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-08-08
20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案
本篇文章給大家分享了20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案，對(duì)此有需要的朋友可以參考下。
2018-05-05
jQuery獲取table下某一行某一列的值實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery獲取table下某一行某一列的值實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2017-04-04
淺談jquery拼接字符串效率比較高的方法
下面小編就為大家?guī)?lái)一篇淺談jquery拼接字符串效率比較高的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
jquery實(shí)現(xiàn)ajax提交表單信息的簡(jiǎn)單方法(推薦)
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)ajax提交表單信息的簡(jiǎn)單方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
如何讓你的Lightbox支持滾輪縮放及Base64圖片
本文主要是記錄了1、修改Lightbox源碼使支持滾輪縮放；2、修改Lightbox源碼使圖片的源可支持base64格式；3、如何將Lightbox應(yīng)用到已有的文章。非常的簡(jiǎn)單實(shí)用，正在使用lightbox的小伙伴可以重點(diǎn)看下，應(yīng)用到自己項(xiàng)目中，立刻高大上了
2014-12-12
JQuery報(bào)錯(cuò)Uncaught TypeError: Illegal invocation的處理方法
這篇文章主要介紹了JQuery報(bào)錯(cuò)"Uncaught TypeError: Illegal invocation"的處理方法,需要的朋友可以參考下
2015-03-03