已解決430363個問題，去搜搜看，總會有你想問的

前端頻繁請求接口

首頁猿問前端頻繁請求接口

前端頻繁請求接口

JavaScript

九州編程 2019-03-05 16:23:27

在做一個vue項目的時候發現一個問題，就是有一個根據input搜索框的值來查詢數據的頁面。在快速點擊搜索按鈕2次或者多次之后。由于網咯的原因?？赡軐е伦詈笠淮吸c擊查詢按鈕返回的值被前面的請求結果給覆蓋了。。這種情況應該怎么解決呢。。只想保留最新一次發起的請求。如果沒有這個搜索按鈕。只有一個input框(實時搜索)呢？即便是函數截流也會導致這個覆蓋的問題(網絡延遲)

查看完整描述

5 回答

慕哥9229398

TA貢獻1877條經驗獲得超6個贊

設置一個id，每次開始ajax請求前更新這個id并在scope中保留副本，并取消前次ajax請求。請求結束后查詢該id是否與本次請求的id對應，否的話就拋棄本次response
節流函數適合避免短時間內多次請求，但是并不能保證請求返回后按順序更新UI

反對回復 2019-03-14

泛舟湖上清波郎朗

TA貢獻1818條經驗獲得超3個贊

一、對于前端

防止重復點擊按鈕：可以采用一點擊一次后讓按鈕置灰，暫時不可以用，響應結束后再可以用。
防止重復提交請求：可以采用請求隊列的方式，每次請求時檢查隊列中有無該請求，有則返回，無則提交，并將該請求添加到隊列，響應完畢，將響應的請求從隊列中移除。

二、安全方面，需要前后端協同處理

推薦您看一下說說API的防重放機制

目前我們公司就采用這些方式！

反對回復 2019-03-14

慕田峪4524236

TA貢獻1875條經驗獲得超5個贊

鎖，點擊后，立刻disable掉搜索按鈕，結果出來后在去掉disable?；蛘?，程序中加個鎖。

反對回復 2019-03-14

30秒到達戰場

TA貢獻1828條經驗獲得超6個贊

防止重復點擊按鈕，獲取到想要的數據以后，禁用按鈕，這樣還可以節省流量

反對回復 2019-03-14

ITMISS

TA貢獻1871條經驗獲得超8個贊

可以參考redux-saga的思路，takeLatest

反對回復 2019-03-14

5 回答
0 關注
1508 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

前端頻繁請求接口

前端頻繁請求接口

5 回答

一、對于前端

二、安全方面，需要前后端協同處理

添加回答

一、對于前端

二、安全方面，需要前后端協同處理