Как отправить запрос на поиск через определенное время после ввода?

Question

[tehnazavr]

Нужно сделать поиск. Думал сделать по событию oninput, но тогда на сервер будет идти слишком много запросов. А событие onchange выполняется при смене фокуса. Как сделать чтобы запрос отсылался через какое-то время как пользователь прекратил печатать, допустим через 2 секунды?

Answer 1

[Александр Петров]

var timer; // создаем переменную для таймера
$('input').keyup(function(){
  cleatInterval(timer); //если человек написал символ, то удаляем таймер, который создаем далее.
  timer=setTimeout(function(){ //создаем таймер, который сработает, если в течение двух секунд его не удалили
    //ajax-запрос 
  },2000);
});

Код из головы, не тестил его. Но идея примерно такая.

Comments

[tehnazavr]

Так и сделал, спасибо. Только не clearInterval, а clearTimeout.

[Александр Петров]

tehnazavr, оу. а я всегда clearInterval использовал) Вам тоже спасибо за новую идею)))

Answer 2

[Никита]

debounce

Answer 3

[Филипп Гапоненко]

https://learn.javascript.ru/task/debounce