Программирование на jquery
Anonymous
Живой поиск с помощью jquery AJAX?
Сообщение
Anonymous » 05 окт 2024, 15:09
Как создать живой поиск с помощью Jquery AJAX? Я использовал событие нажатия клавиши или нажатия клавиши для зацикливания запроса, но если я наберу 3 или более символов, AJAX выполнит это 3 или более раз.
Моя форма:
Вот мой AJAX:
Код: Выделить всё
jQuery(document).ready(function(){
(function($){
$(".keyword-search").keypress(function(){
var keyword = $(this).val();
$(".search-appear").empty();
$.ajax({
type: "post",
url: "",
data: { action: 'get_tour', keyword: keyword },
beforeSend: function() {$("#loading").fadeIn('slow');},
success: function(data) {
$("#loading").fadeOut('slow');
$(".search-appear").append(data);
}
});
});
})(jQuery);
});
А вот моя демонстрационная функция:
Код: Выделить всё
function get_tour()
echo 'Do something!';
?>
Подробнее здесь: [url]https://stackoverflow.com/questions/43788120/live-search-with-jquery-ajax[/url]
1728130165
Anonymous
Как создать живой поиск с помощью Jquery AJAX? Я использовал событие нажатия клавиши или нажатия клавиши для зацикливания запроса, но если я наберу 3 или более символов, AJAX выполнит это 3 или более раз. [b]Моя форма:[/b] [code] [/code] [b]Вот мой AJAX:[/b] [code] jQuery(document).ready(function(){ (function($){ $(".keyword-search").keypress(function(){ var keyword = $(this).val(); $(".search-appear").empty(); $.ajax({ type: "post", url: "", data: { action: 'get_tour', keyword: keyword }, beforeSend: function() {$("#loading").fadeIn('slow');}, success: function(data) { $("#loading").fadeOut('slow'); $(".search-appear").append(data); } }); }); })(jQuery); }); [/code] [b]А вот моя демонстрационная функция:[/b] [code]function get_tour() echo 'Do something!'; ?> Подробнее здесь: [url]https://stackoverflow.com/questions/43788120/live-search-with-jquery-ajax[/url]