关于ajax终止请求的方式

最新推荐文章于 2023-09-15 15:45:00 发布

刘延平

最新推荐文章于 2023-09-15 15:45:00 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_43868799/article/details/87284010

前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用jQuery和Axios库取消正在进行的AJAX请求。通过$.ajax().abort()和axios.CancelToken，可以实现在特定条件下取消请求的功能，避免不必要的资源消耗。

jquery: $.ajax({}).abort()

var request = $.ajax({  
           type:'POST',  
           beforeSend:function(){},  
           url:'test.php',  
           data:'username=xxx',  
           dataType:'JSON',  
           error:function(){alert('error')},  
           success:function(data){alert(data)}  
    });  
  if(request) {request.abort();}

axios: axios.CancelToken

var CancelToken = axios.CancelToken;
var source = CancelToken.source();

axios.get('/user/12345', {
  cancelToken: source.token
}).catch(function(thrown) {
  if (axios.isCancel(thrown)) {
    console.log('Request canceled', thrown.message);
  } else {
    // 处理错误
  }
});

// 取消请求（message 参数是可选的）
source.cancel('Operation canceled by the user.');