vue用axios发送多次请求

发布于 2022-09-11 18:30:53 字数 230 浏览 10 评论 0

业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。

如何才能只让最后一次请求的数据刷新页面,展示到div中

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

何止钟意 2022-09-18 18:30:53

takeLatest
小弟今天刚好整了一篇博客https://esymeptoo.github.io/2...
你可以参考一下

初见终念 2022-09-18 18:30:53

需要在每次请求时把之前的请求cancel掉。
axios取消请求的方法是使用CancelToken,具体用法请参考axios文档

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文