For App 開發－搜尋即時回應相關關鍵字

search realtime

linchenggt 2022-07-25 13:38:34 ‧ 602 瀏覽

分享至

像臉書或 Google 一樣，打一個字能即時回應相關的關鍵字
如下圖，我打１個 a 便回傳關於該 a 相關的語句

臉書

Google

請問一下 iT 邦的大神們像臉書與 Google 這樣，這是什麼技術？
目前我有幾個想法

每天第一次登入時先下載 a ~ z 相關字到本地，儲存格式為 Json 檔，我知道這樣很蠢.
每次打一個字就打 API ，但這樣會很吃 Server 資源.

froce iT邦大師 1 級 ‧ 2022-07-25 14:10:48 檢舉

ajax回去後端不斷查詢。

的確很吃資源，慎用。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

w4560000

iT邦研究生 5 級 ‧ 2022-07-25 15:27:50

這功能是 Autocomplete，有很多套件實作過，可以測試看看

這是Jquery-ui 的 autocomplete demo
https://jqueryui.com/autocomplete/

若考慮到Server資源以及不在意資料即時性的話
可以把資料來源先暫存到 client端的 localstorage 再定期更新資料，就不用每次都跟Server查詢

回應
分享
檢舉

登入發表回應

海綿寶寶

iT邦大神 1 級 ‧ 2022-07-25 17:01:43

這是什麼技術？
1.每天第一次登入時先下載 a ~ z 相關字到本地，儲存格式為 Json 檔，我知道這樣很蠢.

這種做法可說是 cache/proxy

2.每次打一個字就打 API ，但這樣會很吃 Server 資源.

這種做法可說是 AJAX

回應 1
分享
檢舉

obarisk iT邦研究生 1 級 ‧ 2022-07-26 16:54:17 檢舉

ajax 也可以查 cache 啊
變組合技

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22199 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙