Как организовать автозаполнение слов?

Question

[danilr]

Дали задачу - предлагать варианты для автозаполнения при вводе в инпут. Какими способами это сделать? Поиск при нажатии на "лупу" делался в google book api.

Мне что придётся при вводе каждого символа отправлять туда же запрос на получение новых данных по книгам?

Answer 1

[Максим Морев]

Да, всё верно. Каждое изменение текстового поля - новый запрос к API.
Единственное что - на изменение повешайте throttle с интервалом в районе 200-500мс, так как есть люди, которые быстро печатают, и им не надо смотреть на промежуточные результаты, да и количество запросов сэкономите.

Comments

[danilr]

@Sealnside, вот так почему то не работает, вызывается без задержки. Функцию тротл взял по твоей ссылке

throttle(this.$store.dispatch('getListHints'), 1000);

[Максим Морев]

danilr, первый раз и должно быть без задержки. Если вообще не отрабатывает - то, ну, странно.
Я с Vuex дела толком не имел, не знаю деталей реализации и хорошие практики. Потенциально может помочь завернуть вызов в анонимную функцию. Не поможет - ну, гуглить "{{tech name}} throttle" - что-то да найдётся.

[danilr]

Максим Морев, он каждый раз без задержки вызывается. Мне диспач надо вызвать с тротлингом

[danilr]

danilr,

changeSearchName(value) {
      this.fetchListHints();

    },

    fetchListHints: throttle(function(){
      this.$store.dispatch('getListHints');
    },2000),

Вот так сработало тротлинг!)

Answer 2

[Karpion]

Мне что придётся при вводе каждого символа отправлять туда же запрос на получение новых данных по книгам?

Нет, можно посылать запросы реже.

Допустим, мы только что загрузили страницу; в поле ввода пока пусто. Мы заранее (при заполнении БД) составляем дерево запросов (оно по размеру сопоставимо с ключами поиска в БД; ну, можно обрезать). Предполагается, что юзер может ввести первую букву - одну из тех, которые являются первыми буквами ключей поиска. Значит, можно сразу же заранее загрузить варианты подсказок для первой буквы, и далее просто выбрать нужный уже загруженный вариант.

Можно загрузить варианты подсказок для любых первых двух букв. Или трёх. Или сколько угодно. Просто количество вариантов растёт экспоненциально.
Это называется "упреждающее чтение".

Есть вариант - загружать только самые популярные варианты подсказок. А для этого придётся вести статистику.

Короче говоря, ценой уменьшения количества запросов и роста атликабельности - будет рост трафика и усложнение как калинтской, так и серверной части сайта. Решайте сами, нужно но Вам или нет.

По хорошему - смотрите, как это сделано у грандов индустрии - у поисковиков, у крупных магазинов, etc.

Answer 3

[Дмитрий Макаров]

Да