Как отменить отправленные $http запросы в AngularJS?

Question

[faragly]

Доброго времени суток всем! Есть 2 функции, одна отправляет $http запрос с командой начать выполнение, второй каждые 500 мс проверяет ход выполнения, то есть скрипт пошагового отображения выполнения. В success первого запроса (выполнено 100%) вывожу console.log('закончили выполнение');
Однако поле этого консольного сообщения проскакивают еще ответы со второй функции, которая проверяет ход выполнения.
После отправки первого запроса запускаю $interval
autoUpdate = $interval($scope.ajaxRequest, 500); а в success его отменяю
if (autoUpdate) $interval.cancel(autoUpdate);
Как убить отправленные $http запросы после того как ответ пришел?

Answer 1

[_ _]

В объекте config, который принимает $http, есть ключ timeout, который принимает либо непосредственно макс. время выполнения запроса в виде числа, либо promise, который при resolve отменяет запрос.

var cancel = $q.defer();
$http({..., timeout: cancel.promise});
cancel.resolve(); // Отменит выполнение запроса

Comments

[faragly]

Это работает, но не совсем все гладко... Я не знаю в чем дело, но скрипт словно зависает после 4-6 запросов и дальше ждет когда все закончится (первый запрос). Посмотрите скрин - https://s.mail.ru/4K2jpLbYdWDq/img-2015-08-06-13-3...

[faragly]

на стороне сервера элементарный код для тестов

// если запрос AJAX
if($_REQUEST['ajax'] == 'Y')
{
    switch ($post['action']) {
        case 'progress':
            session_start(); 
            echo json_encode($_SESSION["progress"]);
            break;
    
        default:
            //LONG RUNNING TASK
            for($i = 1; $i <= 10; $i++) {
                session_start(); 
                $_SESSION["progress"] = ['status' => true, 'message' => "on iteration $i of 10", 'progress' => $i*10];
                session_write_close();         
                sleep(1);
            }
            unset($_SESSION["progress"]);
            echo json_encode(['status' => true, 'message' => "completed", 'stop' => true]);
            break;
        }
        die();
    }
}

[faragly]

Заменил $timeout на $interval и все заработало. Пятый или шестой (по настроению браузера) обрабатывался очень долго, поэтому решил использовать интервал между запросами, а не вызов запроса после обработки предыдущего. Спасибо за ответ!

Answer 2

[Дмитрий Ковальский]

Я правильно понимаю что вы хотите на веб-сервер отправить некий запрос, который отменит выполнение других ранее отправленных запросов? На уровне теории HTTP-запросов - НИКАК. На практике веб-сервер вообще не в курсе что один отдельно взятый запрос как-то связан с другими, ранее отправленными. Сколько по времени занимает обработка общего запроса? секунду-10-100?

Comments

[faragly]

мне неважно что код будет или не будет выполнен на сервере, он отправлен, значит будет выполнен, я бы хотел чтобы после того как я получил ответ на главный запрос (тот который запускает выполнение на сервере, он длится секунд 10-20), все запросы что отправились для проверки статуса выполнения просто отвалились. Чтобы их success не выполнился. Конечно можно дополнительную переменную создать isComplete и ставить в success isCompleted = true, а в success проверок статуса поставить просто if(!isComplete) и дальше код, но мне кажется это неправильно.

[Дмитрий Ковальский]

faragly: Вот так мы трансформируем вопрос из "Как отменить HTTP-Запрос?" в "Как отменить скрипт результата?" Вам нужно погуглить про "javascript пользовательские события". Грубо говоря - на первом запросе - подвязываем обработчик, на успехе отвязываем, а на обработчике прогресса - вызывать его.