fecth应该封装个中止请求

[wushuxuan]

页面离开之后，要关闭一些正在等待中的请求，所以要中断这些无用的请求

[sorrycc]

可以提需求给 whatwg/fetch 。

[ybning]

我也遇到这个问题点 #1838

[neewbee]

https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort

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;
  })
}

[evanoxu]

可以提需求给 whatwg/fetch 。

关于如何取消 fetch，曾有过许多讨论，也有很多的方案被提出来。

1 最初的讨论：whatwg/fetch#27
2 Cancelable promise 的方案被否了：tc39/proposal-cancelable-promises#4
3 其它方案继续讨论：whatwg/fetch#447
4 讨论出的提案：whatwg/fetch#447 (comment)
5 whatwg 最终给出的标准：https://dom.spec.whatwg.org/#dom-abortcontroller-abortcontroller
6 MDN 使用文档：https://developer.mozilla.org/en-US/docs/Web/API/AbortController/AbortController