JavaScript で Fetch() リクエストをキャンセルするにはどうすればよいですか?

HTTP Fetch() リクエストのキャンセル: ステップバイステップ ガイド

JavaScript 用の新しい fetch() API を使用すると、開発者は次のことを行うことができます。 HTTP リクエストを効率的に実行します。ただし、機内リクエストをキャンセルする可能性については疑問が生じます。当初は組み込みメカニズムはありませんでしたが、最近新しい機能であるシグナルパラメータが導入されました。

TL/DR:

2017 年 9 月現在、フェッチ() は信号パラメータを導入しました。ただし、ブラウザのサポートは異なります。

2020 更新:

ほとんどの主要なブラウザが signal パラメータをサポートするようになりました (Edge、Firefox、Chrome、Safari、Opera など)。

その方法動作:

1. AbortController を作成します。
2. AbortController のシグナルを取得します。
3. シグナルを引数として fetch() に渡します。
4. いつでもリクエストを中止します

例:

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

fetch(urlToFetch, {
    method: 'get',
    signal: signal,
})
.then(function(response) {
    console.log(`Fetch complete. (Not aborted)`);
}).catch(function(err) {
    console.error(` Err: ${err}`);
});

controller.abort();

この機能に対するブラウザのサポートは異なる場合があることに注意してください。ただし、ブラウザーは更新を続けるため、fetch() リクエストのキャンセルに対する広範なサポートが間もなく利用可能になる予定です。

以上がJavaScript で Fetch() リクエストをキャンセルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。