在做一个vue项目的时候发现一个问题,就是有一个根据input搜索框的值来查询数据的页面。在快速点击搜索按钮2次或者多次之后。由于网咯的原因。可能导致最后一次点击查询按钮返回的值被前面的请求结果给覆盖了。。这种情况应该怎么解决呢。。只想保留最新一次发起的请求。
可以参考redux-saga的思路,takeLatest
防止重复点击按钮:可以采用一点击一次后让按钮置灰,暂时不可以用,响应结束后再可以用。防止重复提交请求:可以采用请求队列的方式,每次请求时检查队列中有无该请求,有则返回,无则提交,并将该请求添加到队列,响应完毕,将响应的请求从队列中移除。
推荐您看一下说说API的防重放机制
目前我们公司就采用这些方式!
防止重复点击按钮,获取到想要的数据以后,禁用按钮,这样还可以节省流量
锁,点击后,立刻disable掉搜索按钮,结果出来后在去掉disable。或者,程序中加个锁。
http://www.alloyteam.com/2012...
设置一个id,每次开始ajax请求前更新这个id并在scope中保留副本,并取消前次ajax请求。请求结束后查询该id是否与本次请求的id对应,否的话就抛弃本次response节流函数适合避免短时间内多次请求,但是并不能保证请求返回后按顺序更新UI