JavaScript 请求取消中怎么使用 AbortController 中止请求-js教程-PHP中文网

abortcontroller 中止请求需新建实例并传 signal 给 fetch，调用 controller.abort() 可取消；signal 一次性使用，不可复用或共享；现代浏览器广泛支持，旧环境可用 polyfill 或 xhr.abort()。

javascript 请求取消中怎么使用 abortcontroller 中止请求

使用 AbortController 中止 JavaScript 请求，核心是创建控制器实例，将其 signal 传入 fetch（或其他支持 signal 的 API），再在需要时调用 controller.abort()。

创建并传入 signal

每次发起请求前新建一个 AbortController 实例，把它的 signal 属性作为选项传给 fetch：

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

fetch('/api/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('请求已被取消');
    } else {
      console.error('请求出错:', err);
    }
  });

手动触发中止

在任意时机（如用户点击取消按钮、组件卸载、超时等）调用 abort() 方法：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

// 例如：3 秒后自动取消
setTimeout(() => controller.abort(), 3000);

// 或监听按钮点击
document.getElementById('cancel-btn').addEventListener('click', () => {
  controller.abort();
});