jQuery實現(xiàn)ajax的疊加和停止(終止ajax請求)
更新時間:2016年08月08日 16:19:22 作者:Mr.Bruce
這篇文章主要介紹了jQuery實現(xiàn)ajax的疊加和停止的關鍵代碼,代碼簡單易懂,需要的朋友可以參考下
jQuery實現(xiàn)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實現(xiàn)ajax的疊加和停止(終止ajax請求),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- 當jquery ajax遇上401請求的解決方法
- 使用jQuery處理AJAX請求的基礎學習教程
- 基于JQuery的$.ajax方法進行異步請求導致頁面閃爍的解決辦法
- jQuery ajax請求返回list數(shù)據(jù)動態(tài)生成input標簽,并把list數(shù)據(jù)賦值到input標簽
- 淺析jQuery Ajax請求參數(shù)和返回數(shù)據(jù)的處理
- 教你如何終止JQUERY的$.AJAX請求
- JQUERY的AJAX請求緩存里的數(shù)據(jù)問題處理
- 實例詳解jQuery Mockjax 插件模擬 Ajax 請求
- js與jQuery終止正在發(fā)送的ajax請求的方法
- jQuery實現(xiàn)監(jiān)控頁面所有ajax請求的方法
相關文章
基于jQuery的網(wǎng)頁右下角彈出廣告(IE7,firefox)
以前曾寫過一個,不過太麻煩了,呵呵```現(xiàn)在改進了一下,其實很簡單:css定位層一直在右下角,用js控制層的高度增減。2010-08-08
jQuery實現(xiàn)訂單提交頁發(fā)送短信功能前端處理方法
這篇文章主要介紹了jQuery實現(xiàn)訂單提交頁發(fā)送短信功能前端處理方法,涉及jQuery響應鼠標事件及針對頁面元素的樣式與字符串正則操作相關技巧,需要的朋友可以參考下2016-07-07
jquery.validate自定義驗證用法實例分析【成功提示與擇要提示】
這篇文章主要介紹了jquery.validate自定義驗證用法,結合實例形式分析了jQuery成功提示與擇要提示驗證操作相關實現(xiàn)與使用技巧,需要的朋友可以參考下2020-06-06
jQuery實現(xiàn)元素拖拽并cookie保存順序的方法
這篇文章主要介紹了jQuery實現(xiàn)元素拖拽并cookie保存順序的方法,涉及jQuery響應鼠標事件實現(xiàn)頁面元素屬性變換的技巧與使用jQuery的cookie插件保存頁面信息的功能,需要的朋友可以參考下2016-02-02

