Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.12.2013, 14:29
Интересующийся
Отправить личное сообщение для FreeVice Посмотреть профиль Найти все сообщения от FreeVice
 
Регистрация: 16.05.2012
Сообщений: 18

как пропускать слишком частые события?
У меня в текстбоксе набирается поисковая строка и после каждого нажатия делается ajax-запрос на сервер.

Для интерактивности, хотелось бы избавить пользователя от кнопки после ввода. Но, когда набирается длинная строка, получается слишком много запросов.

Я бы хотел, чтобы запрос реагировал не сразу, а только если прошло некоторое время и делать запрос только по последнему варианту. Как это можно сделать?

Вот пример ajax:

$("#search-by-account").on("keyup", SearchByAccountAndName);

function SearchByAccountAndName() {
var accountSearchString = $('#search-by-account').val();

$.post("/SearchByAccountAndName", {
accountSearchString: accountSearchString,
}, function (data) {
$('#content').html(data);
});
}
Ответить с цитированием
  #2 (permalink)  
Старый 20.12.2013, 15:36
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

var timerId = null;
$("#search-by-account").on("keyup", function() {
    clearTimeout(timerId);
    timerId = setTimeout(SearchByAccountAndName, 500);
});
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 20.12.2013, 15:40
Новичок на форуме
Отправить личное сообщение для ANDRUkomod Посмотреть профиль Найти все сообщения от ANDRUkomod
 
Регистрация: 08.09.2013
Сообщений: 9

+ через timeout
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как в IE динамически установить значение события onClick? Гость Элементы интерфейса 6 16.01.2011 23:46
Как вызвать событие после события определенного в onchange Наталья Events/DOM/Window 2 12.09.2009 13:51
Обработчик события: как делает jquery? Shasoft jQuery 35 22.04.2009 09:41
Как заставить this в обработчике события указывать на объект? Dmitryk Events/DOM/Window 3 16.03.2009 08:45
Drug&Drop + всплывание события = проблемы =(( _NoName_ Events/DOM/Window 4 05.03.2009 17:47