iT邦幫忙

0

PHP+SQL 如何達成即時搜尋?

php sql search input _post
QR摳 2020-07-31 14:38:14 ‧ 2260 瀏覽

  • 分享至 

  • xImage

從資料庫中讀取內容，比對已輸入內容，立刻顯示搜尋結果?

dragonH iT邦超人 5 級 ‧ 2020-07-31 14:46:05 檢舉
1. 從資料庫中讀取內容
2. 比對已輸入內容
3. 顯示搜尋結果
archer9080 iT邦研究生 3 級 ‧ 2020-07-31 14:48:40 檢舉
不需要透過button、js嗎?
即時的話有考慮顯示資料的多寡嗎?
登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
通靈亡
iT邦高手 1 級 ‧ 2020-07-31 15:35:48
最佳解答

PHP 是後端語言，不負責監聽網頁前端的欄位
監聽網頁前端的欄位變化，要由前端的JS處理：

  1. 偵聽 Input 輸入的值變化
  2. 取得 Input 輸入的值
  3. 從前端透過JS 將Input輸入的值送到 PHP　進行搜尋 (AJAX)
  4. 取得 PHP 搜尋回傳的 Response
  5. 操作網頁DOM，顯示即時搜尋的結果
QR摳 iT邦新手 5 級 ‧ 2020-07-31 16:42:22 檢舉

感謝

老鷹(eagle) iT邦高手 1 級 ‧ 2020-08-06 13:32:11 檢舉

如果對比資料量少的話我這邊有個小建議，這個做法是減少對Database Query的次數。

  1. 先把資料清單帶回JS
  2. 偵聽Input輸入值的變化
  3. 取得Input輸入值
  4. 比對資料清單是否符合
  5. 如果符合從資料清單帶出資料
登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22201 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙