Автозаполнение получения данных из API

Question

Я хочу создать компонент автозаполнения, который извлекает места из API Карт Google.

Это пример ответа от этого API: https://developers.google.com/places/web-service/search#PlaceSearchResponses

У меня вопрос, как мне это сделать?обрабатывать пользовательский ввод / ввод и вызов API для обновления параметров автозаполнения?

Было бы правильно сделать что-то вроде: Вкл. keyup установить время ожидания, чтобы проверить, прекратил ли пользователь ввод текста, а затем вызвать API через несколько секунд;и keydown очистить тайм-аут, чтобы избежать вызова API, пока пользователь все еще печатает?

У меня нет доступа к консоли Google Cloud Platform, поэтому я не могу включить API JavaScript Javascriptи использовать Разместить автозаполнение

Answer 1

Используете ли вы чистый JavaScript?Если нет, вы можете использовать функцию lodash debounce , она делает именно то, что вам нужно.

EDIT: Как кто-то указал в комментариях, я не должен простоопубликуйте ссылку в качестве ответа, поэтому я предоставлю фрагмент, который поможет улучшить этот ответ

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