当前位置: 首页 > 编程笔记 >

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

王云
2023-03-14
本文向大家介绍jQuery实现ajax的叠加和停止(终止ajax请求),包括了jQuery实现ajax的叠加和停止(终止ajax请求)的使用技巧和注意事项,需要的朋友参考一下

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发出ajax请求 如何手动停止我的特定Ajax请求? 问题答案: 该方法返回一个可以用于执行此操作的对象: 然后,当您想停止请求时:

  • 问题内容: 我有一个问题,提交表单时所有活动的ajax请求均失败,并触发错误事件。 如何在不触发错误事件的情况下停止jQuery中所有活动的ajax请求? 问题答案: 每次创建ajax请求时,都可以使用变量来存储它: 然后,您可以中止请求: 您可以使用数组来跟踪所有未决的ajax请求,并在必要时中止它们。

  • 问题内容: 以下逻辑用于在我们支持的所有移动设备上同时使用jquery 1.4.4和1.7.1: 但是在iOS 5.0.1中,上面的代码输入了错误功能警报,而没有任何实际的HTTP请求。在我需要重新启动iPhone之前,似乎只有一个AJAX请求可以工作。这是已知的jquery / iOS 5.0问题吗?我该如何调试?有什么解决方法吗?我不知道从哪里开始寻找。 注意 :我注意到在服务器端,发出请求而

  • 问题内容: 是否有可能使用jQuery 取消/中止尚未收到响应的Ajax请求? 问题答案: 大多数jQuery Ajax方法都返回XMLHttpRequest(或等效的)对象,因此您可以使用abort()。 请参阅文档: 中止方法 (MSDN)。取消当前的HTTP请求。 abort()(MDN)。如果请求已经发送,则此方法将中止请求。 更新: 从jQuery 1.5开始,返回的对象是名为jqXHR

  • 问题内容: 使用jQuery,如何 取消/中止 尚未收到响应 的Ajax请求 ? 问题答案: 大多数jQuery Ajax方法都返回XMLHttpRequest(或等效的)对象,因此您可以使用。 请参阅文档: abort Method (MSDN).取消当前的HTTP请求。 abort()(MDN)。如果请求已经发送,则此方法将中止请求。 var xhr = $.ajax({ type: “POS

  • 问题内容: 我正在使用JSONP ajax调用从其他域加载某些内容,并且如果用户在按钮上造成“ mouseover”,则将执行所有这些操作。 我可以将$ .ajax()调用return捕获为xhr对象,并在用户每次导致“ mouseover”时使用它中止ajax请求。但是仍然会调用JSONP回调函数,这会导致错误,并且我认为这是因为xhr.abort()方法不会阻止调用回调函数。 我尝试用try