如何在JS中中止fetch请求？

介绍

Fetch API 现在是在 JavaScript 中发送异步请求的事实上的方式。 这部分是因为 fetch() 方法接受了许多有用的选项。 其中之一是信号选项，可用于中止请求。 要为此选项创建有效值，您可以在创建 AbortController 的新实例后使用 AbortController.signal。 然后，您可以随时使用 AbortController.abort() 取消请求。

代码

// 创建 AbortController
const controller = new AbortController();
const { signal } = controller;

// 执行请求
fetch('https://www.xushanxiang.com/data', { signal }).then(res => console.log(res));

// 中止请求
controller.abort();

实战

请看 简单的离线视频播放器。