jQuery中终止Ajax请求

最新推荐文章于 2021-12-23 17:08:00 发布

xx先森

最新推荐文章于 2021-12-23 17:08:00 发布

阅读量1.5k

点赞数

分类专栏： JQuery

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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请求");
     });
  })
  function  stopAJAX()
  {
     for(var i=0;i<arrayAJAX.length;i++)
     {
         arrayAJAX[i].abort();
     }
     arrayAJAX = new Array();
  }
 
 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="btn"/>
<input type="button" id="bt2" value="stopAjax"/>
</body>
</html>

xx先森

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中终止Ajax请求

jQuery中终止Ajax请求 var arrayAJAX = new Array();　 $(function(){ $("#btn").bind("click",function(){ for(var i=0;i<100;i++){ starAJAX(i); } }); $("
复制链接

扫一扫