2022年 7月
 123
45678910
11121314151617
18192021222324
25262728293031

近期发布

近期评论

    2022 年 7 月 6 日

    Neusofts

    科技改变生活,创新引领未来

    jquery如何停止ajax请求

    用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。

    举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢?

    先上代码,后面再解释

    var ajaxGet = $.get("comet_server.php",{id:1},function(data){
    ....//一些操作
    });
    ajaxGet.abort();

    上面这段代码其于两个知识点:

    1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)

    2. XMLHttpRequest对象有abort()方法

    注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断

    var ajaxGet = $.get("comet_server.php",{id:1},function(data){
    if(data.length == 0) return true;
    ....//一些操作
    });
    ajaxGet.abort();

    由于使用的是jquery,挡在手册里没有找到关于.abort()方法,在网上搜索了一下,在http://ooxx.me/jquery-ajax-abort.orz看到有关于jquery 里.abort()使用方法,直接用例子:

    复制代码代码如下:

    current_request = $.get(‘/events’, { ‘七夕’: ‘发春’ },function(resp) { alert(resp); });
    if(current_request) {current_request.abort();}
    

    但是使用这个current_request.abort();方法取消的时候,实际上会触发$.ajax success事件,所以在success是的回调函数需要添加判断current_request是否存在,存在才执行回调函数。