业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。
如何才能只让最后一次请求的数据刷新页面,展示到div中
业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。
如何才能只让最后一次请求的数据刷新页面,展示到div中
4 回答4.6k 阅读✓ 已解决
4 回答2.1k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答5k 阅读
2 回答2.6k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
需要在每次请求时把之前的请求cancel掉。
axios取消请求的方法是使用
CancelToken
,具体用法请参考axios文档