JQuery AJAX запрос с ползунком

Question

Мне нравится отображать результаты для моей формы поиска с помощью ajax, она отлично работает с текстовым вводом, но когда дело доходит до ползунков, когда я перемещаюсь, например, с 50 на 100, это отправляет много запросов, но иногда это запрос для 100 заканчивается до запроса на 70, хотя запрос на 100 отправлен после запроса на 70.

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

Спасибо.

Answer 1

Как насчет SetTimeout() и ClearTimeout() после каждого слайд-слайдера события?

Что-то вроде этого

var SlideTimeout;
//use the correct event handler, this is just to show you the concept
$(slider).slide(function(){
    ClearTimeout(SlideTimeout);
    SlideTimeout = SetTimeout(SliderSearchCallbackFunction, 400);
});

В основном ваш Slider slide Обработчик события будет сбрасывать тайм-аут при каждом запуске события.После 400 миллисекунд (найденных во втором параметре функции SetTimeout() в примере) этого события , а не , вызываемого, оно будет вызывать функцию SliderSearchCallbackFunction, таким образом, осуществляя поиск только тогда, когда станет очевидно, что пользовательделается скольжения.

Вы можете изменить время ожидания на время, которое, по вашему мнению, лучше всего соответствует вашему сценарию.