Сегодня я вам покажу как настроить отправку запросов из поисковой формы автоматически, через 3 секунды после того как пользователь окончил писать. Я научу вас делать автоматический ajax запрос для формы поиска
Скрипт написан с использованием библиотеки jQuery.
После нажатия на клавиши будет удаляться таймер если он есть и будет создаваться новый таймер, по истечению которого будет создан ajax.
/* keyup - событие нажатия на клавиатуру */
$('.searchCityForm input').keyup(function(){
/* удаляем таймер если пользователь вновь написал символ */
clearInterval(timer);
/* создаём таймер */
timer = setTimeout(function(){
/* получаем данные из поисковой строки */
let strNameState = $(".searchCityForm input").val();
console.log(strNameState)
/* создаём ajax запрос */
$.post('/ajx/ajax_region_search.php', strNameState, function(data){
console.log(data)
$(".listVariantCity").html(data);
});
},3000);
/* 3000 - время после которого произойдёт запрос (3 секунды) */
