jQuery實現(xiàn)ajax的疊加和停止(終止ajax請求)

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

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

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

<!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實現(xiàn)ajax的疊加和停止(終止ajax請求)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

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