Get в javascript

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

Сейчас делаю это через XMLHttpRequest, есть какие более простые варианты, удобнее?


Ответы (1 шт):

Автор решения: ReinRaus

Используйте fetch в связке с AbortController.

Пример:

var controller = new AbortController();
var signal = controller.signal;

var downloadBtn = document.querySelector('.download');
var abortBtn = document.querySelector('.abort');

downloadBtn.addEventListener('click', fetchVideo);

abortBtn.addEventListener('click', function() {
  controller.abort();
  console.log('Download aborted');
});

function fetchVideo() {
  ...
  fetch(url, {signal}).then(function(response) {
    ...
  }).catch(function(e) {
    reports.textContent = 'Download error: ' + e.message;
  })
}

(Скопировано с developer.mozilla.org)

→ Ссылка