前端如何去抖动?
发布于 19天前 作者 MeetTheBest 615 次浏览 来自 问答

应用场景

一个下拉选,可以根据搜索条件请求数据,然后渲染下拉列表(option)

问题

以1为条件查询,发送请求,用时1s 以12为条件查询,发送请求,用时0.5s 以123为条件查询,发送请求,用时0.2s

那么前端最后一次接收的是以1为条件查询到的数据,进行下拉页面渲染, 但是这样子并不是我们想要的结果, 我们想要的结果是以123为条件查询到的数据, 来渲染下拉列表

请各位大佬帮忙看看, 谢谢!

5 回复

那为啥还要查询1这个条件 ?

应该是123 查询后, 不让查询1

你以1为条件的时候,已经发起请求了,只是还没有返回而已

查询了123后, 把查询1 或者12的请求给取消了是一种方法(window.AbortController), 但是兼容性并不是很理想

这样加个防抖就好了, 具体google 一下就ok

回到顶部