• 关于js中断ajax请求


     

    停止javascript的ajax请求有两种方式,一种是设置超时时间让ajax自动断开,另一种为手动去停止ajax请求,其核心是调用XMLHttpRequest对象上的abort方法,这里,我们以jquery举例说明:


    jquery的ajax对象的abort方法

    调用abort后jquery会执行error的方法,抛出abort的异常信息,这个时候就可以执行我们中断ajax后的操作了

    var ajax = $.ajax({
    'error':function(jqXHR, textStatus, errorThrown){
    if(errorThrown != 'abort'){
    //ajax被调用abort后执行的方法
    alert('您的ajax方法被停止了');
            }
        }
    })
    
    ajax.abort();//停止ajax

    原生方式

    xmlHttp.open("POST","Url",true);
     xmlHttp.onreadystatechange=function(){
     ...//得到响应之后的操作
     }
     xmlHttp.send();
     //设置3秒钟后检查xmlHttp对象所发送的数据是否得到响应.
     setTimeout("CheckRequest()","3000");
     function CheckRequest(){
     //为4时代表请求完成了
     if(xmlHttp.readyState!=4){
     alert('数据响应超时');
     //关闭请求
     xmlHttp.close();
     }
     }

    原生JavaScript;根据响应状态改变关闭 

    注意:不要用abort方法来作为终止对服务器的请求操作,只能当做在前端页面立刻停止执行ajax成功后的方法,因为你执行abort方法后,ajax很可能已经对服务端发送了请求,只是还未返回回馈信息而已。

  • 相关阅读:
    2022年第一天
    RestTemplate、 Ribbon、 OpenFeign 关系以及OpenFeign使用连接池
    linux下面编写简单的c++程序
    Rocket简介以及单机版安装
    事务源码(二)
    javaagent技术&Attach技术
    gateway网关原理
    Maven自定义插件以及使用
    AotucCrawler 快速爬取图片
    Monkey工具之fastbotiOS实践
  • 原文地址:https://www.cnblogs.com/yourName/p/12372312.html
Copyright © 2020-2023  润新知