Как остановить все загрузки, созданные через XmlHttpRequest?

Question

[Dimazsever]

После каждой новой загрузки создается новый XmlHttpRequest объект. Если быть точнее, то перезаписывается переменная, которая содержит этот объект. Также создаются элементы, в которые записывается прогресс загрузки. Создаются кнопки, на которые вешаются обработчики для остановки загрузки.

btn.addEventListener("click",function(){
xhr.abort() {
this.previousElementSibling.innerHTML = "Загрузка отменена.";
},false);

Как видите я останавливаю загрузку, вызывая метод abort(). Как ни странно останавливается именно та загрузка, которая находится рядом с кнопкой, хотя по идее должна остановиться последняя. Это конечно хорошо, но мне интересно, как он определяет, какую загрузку я хочу остановить? Может созданные xhr как-то индексируются?
Но вопрос не в этом. Мне нужно создать еще одну кнопку, с помощью которой можно будет остановить все текущие загрузки. Как это сделать?

Answer 1

[Сергей Протько]

xhr - глобальная переменная я так понимаю, и хранит она только последний запрос (так как при добавлении нового просто затирает старый указатель).

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

Comments

[Dimazsever]

А xhr как-то индексируются? Может можно отменить все, если пройтись по индексам? Как-то ведь скрипт определяет, какой именно запрос я отменил. Значит в памяти хранятся какие-то индексы?

[Сергей Протько]

@Dimazsever если вы потеряли указатель в коде на объект, вы никак его уже не достанете. Ну и да, пока он не отработал он останется висеть себе.

[Сергей Протько]

@Dimazsever хотите индексации - реализуйте. Это как бы ваша задача.

[Dimazsever]

почему-то мне кажется, что все таки возможно посмотреть какие xhr находятся в памяти)

[Сергей Протько]

@Dimazsever как хотите.

[Dimazsever]

Ладно. попробую индексировать. Еще вопросик. Когда вызывается метод abort() в кнопке, в элемент, куда записывается статус загрузки, должен записаться текст "Загрузка завершена". Но он записывается туда лишь на долю секунды, а потом затирается статусом. Т.е. метод abort видимо не сразу останавливает загрузку, поэтому не успевает остановить обновление статуса моментально. Как исправить этот баг?