jQuery实现ajax的叠加和停止(终止ajax请求)

2019-11-20 09:16:56

字体：大中小

来源：转载

供稿：网友

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请求)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：jQuery实现鼠标经过像翻页和描点链接效果

下一篇：jQuery操作cookie