問題: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