Обработка события input при отправке ajax запроса?

Question

[Алекс Фил]

У меня возникла проблема при отправке ajax. При изменении input, я делаю задержку и шлю value инпута в обработчик. Проблема в том, что ajax обращается в обработчик при каждом вводе, т.е. вместо одного запроса происходит столько, сколько было введено символов в input.

thisVar.doc.on('input', '#eventSearch', function(e) { // Вешаю на событие input, change не подходит
			var   input = $(this),
				searchRequest = false,
				reqDelay = 1500;

			if(searchRequest !== false) {
				clearInterval(searchRequest);
			}

			searchRequest = setTimeout(function() {
				eventsApp.ajaxSearchHandler(input); // это функция моего ajax
				searchRequest = false;
			}, reqDelay);

		})

Answer 1

[Алекс Фил]

Вопрос снят. Невнимательно объявил переменные, они должны быть объявлены вне обработчика события.

var searchRequest = false,
			reqDelay = 1500;

		thisVar.doc.on('input', '#eventSearch', function(e) {
			var input = $(this);

			if(searchRequest !== false) {
				clearInterval(searchRequest);
			}

			searchRequest = setTimeout(function() {
				eventsApp.ajaxSearchHandler(input);
				searchRequest = false;
			}, reqDelay);

		});

Answer 2

[moslem]

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

Comments

[Алекс Фил]

Не подходит, нужно реализовать своего рода живой поиск.