zoukankan      html  css  js  c++  java
  • 终止jQuery的$.ajax方法abort

    最近遇到,如果用户频繁点击ajax请求,有两个问题:
    1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。
    2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。

    我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其他事情等着完成。



    用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。
    举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢?
    先上代码,后面再解释
    1var ajaxGet = $.get("comet_server.php",{id:1},function(data){
    2....//一些操作
    3});
    4ajaxGet.abort();
    上面这段代码其于两个知识点:
    1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)
    2. XMLHttpRequest对象有abort()方法
    注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断
    view sourceprint?
    1var ajaxGet = $.get("comet_server.php",{id:1},function(data){
    2if(data.length == 0) return true;
    3....//一些操作
    4});
    5ajaxGet.abort();



    终止ajax请求:
    var request = $.get("ajax.aspx",{id:1},function(data){
        //do something
    });

    //终止请求动作.
    request.abort();


    防止重复请求:
    var request;

    if(request != null)
        request.abort();

    request = $.get("ajax.aspx",{id:1},function(){
        //do something
    });


    ajax & setTimeout实现 secondTry 在等待一秒之后将firstTry的ajax终止:
    var firstTry  = $.ajax(
      //do something
      );
    var secondTry = setTimeout(function(){alert('ok');firstTry.abort()},1000);

  • 相关阅读:
    C# 连接 Socks5 代理
    使用EF Core 连接远程oracle 不需要安装oracle客户端方法
    PLSQL Developer 12 汉化包下载
    对象异步赋值bug记录
    图片缩放
    根据对象的属性去重,获取新数组
    小程序购物车抛物线(贝塞尔曲线实现)
    文字溢出,换行方法整理
    整理一些最近开发小程序的经验
    【莫傷曉_开发笔记】linux java绘图字体乱码问题
  • 原文地址:https://www.cnblogs.com/zknublx/p/5984595.html
Copyright © 2011-2022 走看看