美文网首页
重复点击,请求事件问题

重复点击,请求事件问题

作者: 拾钱运 | 来源:发表于2021-08-13 15:17 被阅读0次

1.axios 原理,请求响应拦截重复请求

https://mp.weixin.qq.com/s/GtHBgzQ5n6f6N3OxlozUjw

axios 底层是通过
XMLHttpRequest 对象发起请求,取消请求通过XMLHttpRequest 调用abort()

let xhr = new XMLHttpRequest();
xhr.open("GET", "https://developer.mozilla.org/", true);
xhr.send();
setTimeout(() => xhr.abort(), 300);
const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.post('/user/12345', {
  name: 'semlinker'
}, {
  cancelToken: source.token
})

2.通过防抖得方式,延迟,点击了之后,就延迟几秒才可以点击这个按钮,再次请求。

相关文章

网友评论

      本文标题:重复点击,请求事件问题

      本文链接:https://www.haomeiwen.com/subject/cladbltx.html