问题:input输入框频繁请求接口,如何正确的显示最后一次返回的结果
解决方法:
第一种:后端协助处理,返回请求值(前端通过接口的时候会把input输入的值传给后台,后台返回的时候把前端传入的值再回传回来,前端页面渲染的时候进行判断返回的值与页面的值是否一致即可)
第二种:终止上一次的请求
1、ajax: abort()
2、axios: CancelToken
3、fetch:AbortController
第三种方法:定义一个全局 ID,接口请求之前自增,然后请求接口闭包保存此值,返回之后进行两者判断
参考地址一:https://blog.csdn.net/guoqiankunmiss/article/details/115249148;
参考地址二:https://blog.csdn.net/weixin_41798613/article/details/106947391?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.base&spm=1001.2101.3001.4242