Автоматическая отправка для поиска

Автоматическая отправка для поиска

Сегодня я вам покажу как настроить отправку запросов из поисковой формы автоматически, через 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 секунды) */
На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime