1

Есть веб апп: юзер жмёт одну из ссылок в списке, по этому событию что-то запрашивается с удалённого сервера, и, когда результат наконец, получен, показывает данные в <div>'е.

Ситуация с нетерпеливым пользователем: жмёт одну ссылку, запрос уходит, коллбэк назначен. Не дождался результата, нажал на другую. Пришёл ответ на первый запрос. Создалось впечатление, что это ответ на второй. Непорядок.

Вопрос: как лучше обрубать запущенный ранее вызов и его коллбэк?

Fiddle имитации для примера.

2 ответа 2

1

Upd. разобрался.

Надо отменять ту функцию, которая, в свою очередь может запустить коллбэк. В примере с setTimeout() нужно сохранять его id и отменять через clearTimeout( id).

А в моём случае с jQuery.ajax(), мне нужно сохранять возвращаемый этим вызовом объект XMLHttpRequest, к которому применять метод .abort() для отмены его выполнения.

1
  1. От повторых срабатываний поможет debounce
  2. Зачем отвенять запрос, если можно дождаться когда он выполнится, например:

$('button').on('click', function (evt) {
    var el = this;      
    if (!$.data(el, 'lock')) {
        $.data(el, 'lock', true);

        $.ajax(...).always(function () {
            $.data(el, 'lock', false);
        });
    }
});
1
  • Спасибо за Debounce, в принципе я его де-факто уже использовал в другом месте. Статья хорошая. Отменять затем, что поле вывода одно, и как только юзер нажал вторую кнопку, актуальность вызова от предыдущей пропадает полносью.
    – Sergiks
    5 авг 2014 в 7:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.