Живой поиск и долгий ответ, как решить?

Question

[Никита Решетняк]

Доброго времени суток!
Проблема такая. На сайте есть живой поиск который у ищет ФИО в файла и в виду того что файлов более 10000 и в каждый надо залезть и прочитать поиск происходит около секунд 5. Так вот при каждой новой введенной букве отправляется новый запрос и табличка с данными отправляется по приходу ответа. Подскажите как можно сделать какой то перерыв наверное, допустим если вводят фамилию запрос отправился после 4 буквы первый раз и следующий был уже не на введенную букву а скажем секунды через 2 и т.д.

Не могу сообразить как это сделать.
Кому не сильно сложно прошу помочь Заранее спасибо!

Comments

[zorca]

Ответ сильно зависит от Ваших знаний, но судя по всему правильный ответ будет - обратитесь к специалисту.

[Одиночка Айс]

Ну дык проверяйте кол-во введенных символов на js, если 4 и более, тогда посылайте запрос, а далее по setTimeout(). Вот вам для ознакомления - https://learn.javascript.ru/settimeout-setinterval

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

Почему столько данных в файлах?

[Никита Решетняк]

Максим Федоров, Там XML файлы с результатами анализов

[Никита Решетняк]

Одиночка Айс, Да так и сделал в итоге, что то затупил

[Maxim Colesnic]

Никита Решетняк, XML to SQL import, раз сделал и забыл ), ну и про JS timeout уже написали

Answer 1

[Александр Черемхин]

Псевдо код на js с задержкой отправки запроса на сервис 2 сек после ввода последнего знака.

const key =null;

const onChange =e => { // обработчик изменения поля ввода
     const value = e.target.value;
     clearTimeout(key); // отменить  выполнения предыдущего запроса
     if(value.length < 4) // если длинна менее 4 не отправлять запрос
        return;
     
     // отправка запроса  с задержкой 
     key=setTimeout(()=>fetch(url+ value).then(res=>{
        // здесь обработка ответа сервера 
     }), 2000) // 2 сек задержка
}

Comments

[Никита Решетняк]

Круто, спасибо за помощь!

Answer 2

[Иван Дмитриев]

Отправляйте запрос по факту количества введенных символов. Следующий отправляйте по факту получения ответа. К примеру используя промисы или колбэки. Либо отложите отправку с помощью setTimeout.

Answer 3

[Иван Шумов]

1. Уменьшаем число запросов. Можно сделать отправку запроса через 0.2 секунды после последней нажатой клавиши
2. Переводим файлики в базу данных

Comments

[Никита Решетняк]

1. Да так и сделал, просто программирование больше как хобби... В принципе могу но долго и с тупняками
2. Есть, файлы индексируются 2 раз в день. Просто как вариант искать по файлам

[Иван Шумов]

Никита Решетняк, по файлам искать всегда медленнее. Тогда в чем вообще вопрос?) мой ответ полностью совпадает с тем что вы и собирались сделать)

[Никита Решетняк]

Иван Шумов, Уже не в чем... ЗАтупил не смог логически выстроить что делать ))) Надо кофейку хлебнуть

Answer 4

[nvdfxx]

debounce