首页 > Web开发 > 详细

AJAX 异步请求中途取消

时间:2020-10-04 22:41:24      阅读:67      评论:0      收藏:0      [点我收藏+]

应用场景

当前端需要即时搜索时,会不断的向后端请求ajax,但是前端仅仅需要最后一次的搜索结果,之前的请求全部丢弃。

示例

对于未封装原生的js来说

let xhr = new XMLHttpRequest();
xhr.open(method,url,true);
xhr.onreadystatechange = ()=>{} // 回调函数
xhr.send(); // 发送请求
xhr.abort(); // 请求终端

Axios

let cancelToken = axios.CancelToken;
let source = ConcelToken.source();
axios({
      method: method,
      url: url,
      concelToken: source.Token
}).then(res=>{
}).catch(err=>{
});
source.cancel();

总结

配合取消请求可以优化减少搜索请求,特别是当用户不断修改搜索的时候。
Axios封装了promise,提供了cancelToken,与c# 的task异步多线程的cancelToken相似。

AJAX 异步请求中途取消

原文:https://www.cnblogs.com/minskiter/p/13768570.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!