> 文章列表 > fentch 如何中断请求

fentch 如何中断请求

fentch 如何中断请求

中断一个 fetch 请求可以使用AbortController实现。AbortController是一个新的Web标准,用于中止DOM请求和Fetch请求。在执行fetch请求时,可以通过AbortController创建一个信号对象signal,然后将signal作为配置选项传递给fetch()方法,这样就可以在需要中止fetch请求时通过调用AbortController对象的abort()方法来中止请求。

const controller = new AbortController();
const { signal } = controller;fetch(url, { signal }).then(response => response.json()).then(data => console.log(data)).catch(error => console.error(error));// 中止 fetch 请求
controller.abort();

上述代码中,首先使用 AbortController 创建了一个控制器 controller 和一个信号对象 signal 。然后,在 fetch 请求时将 signal 作为配置选项传递给 fetch 方法。最后,当需要中止 fetch 请求时,调用 controller.abort() 方法即可。

天气预报