搜尋引擎自動補全下拉選單：JavaScript 與 Ajax 實作原理

功能說明

當使用者在搜尋框輸入「a」時，下方出現與「a」相關的建議關鍵字，這就是自動補全（Autocomplete）功能。

實作步驟

1. 監聽輸入框的 input 事件。
2. 為避免過於頻繁請求，使用「防抖（Debounce）」機制，等使用者停止輸入一段時間後再發送請求。
3. 透過 Ajax 將關鍵字傳送給後端。
4. 後端從資料庫或快取中比對相關資料，回傳 JSON 結果。
5. 前端接收結果後，動態產生下拉選單並顯示。
6. 支援鍵盤上下鍵選擇與 Enter 確認。