自動完成從API獲取數據

Question

我想創建一個自動完成輸入組件，以從Google Maps Place API檢索位置。

這是來自以下API的示例響應： https : //developers.google.com/places/web-service/search#PlaceSearchResponses

我的問題是我應該如何處理用戶輸入/鍵入和調用API以更新自動完成選項？

這樣做是正確的嗎：在keyup設置超時，以檢查用戶是否停止鍵入，然后在幾秒鍾后調用API； 並在keydown清除超時以避免在用戶仍在鍵入時調用API？

我無權訪問Google Cloud Platform Console，因此無法啟用Maps Javascript API並使用“ 地方自動完成”功能

Answer 1

您是否使用純JavaScript？ 如果沒有，您可以使用lodash 防反跳功能 ，它完全可以滿足您的需求。

編輯：正如某人在評論中指出的那樣，我不應該只是發布鏈接作為答案，所以我將提供一個片段以幫助改善此答案

import _ from 'lodash';
$(selector).on('keyup', _.debounce(function (e) {
      // stuff
    }
}, 500));