table列表请求数据,返回乱序

背景描述:
现有一个table,包含了分页,查询功能
数据从ajax请求过来,请求table列表的函数为getUserList()
模糊匹配由后台完成,前端在getUserList()中传入关键字拉取数据即可,搜索框是input,绑定@input函数调用数据

现在遇到问题:
由于数据量大,用@input请求时,发送请求多次,由于是异步,返回数据量少的请求先返回,数据量大的请求后返回,致使前端页面数据混乱,查询条件与查询出来的数据对应不上

请问:
此时应该如何处理才能解决上述问题?

阅读 1.5k
2 个回答

两个方法供参考:

  1. 不要在@input里直接发送请求,可以考虑在回车之后再发送,这样减少不必要的请求。
  2. 在请求之前先保存下当前的搜索词,收到回复后,比较当前的搜索词是否是这次请求的搜索词,如果已经不是,直接丢弃,因为最新的搜索词一定会触发一个新的请求,所以等着就好了。

可以设为同步 async:false 同步执行 就是一个请求执行玩 才会执行下一个

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题