首頁 > web前端 > js教程 > 如何取消 JavaScript 中的取得請求?

如何取消 JavaScript 中的取得請求?

Barbara Streisand
發布: 2024-11-18 01:29:02
原創
186 人瀏覽過

How Can I Cancel Fetch Requests in JavaScript?

取消獲取請求:探索內建機制

JavaScript 的新 fetch() API 提供了一種發出 HTTP 請求的便捷方法。然而,一個長期存在的問題仍然存在:是否有內建機制可以在飛行中取消這些請求?

訊號參數

截至 2017 年 9 月, fetch() 支援訊號參數。此參數接受 AbortSignal 對象,該物件可以控制提取請求的中止。

實作

若要取消擷取要求,請依照下列步驟操作:

  1. 建立 AbortController 實例。
  2. 從 AbortController 取得 AbortSignal 物件。
  3. 將 AbortSignal 傳遞給 signal 參數中的 fetch()。
  4. 需要時,呼叫controller.abort()來終止請求。

範例

考慮以下程式碼片段:

// Initialize an AbortController and its AbortSignal
const controller = new AbortController();
const signal = controller.signal;

// Perform a fetch request with the AbortSignal
fetch(urlToFetch, {
  signal,
});

// Abort the request at any time
controller.abort();
登入後複製

瀏覽器支援

瀏覽器支援

最初,對AbortSignal 的支援是有限的。然而,截至 2020 年 3 月,大多數主流瀏覽器(Edge、Firefox、Chrome、Safari、Opera 等)都已實現此功能,使其成為可廣泛存取的解決方案。

雖然目前並非所有瀏覽器都支援 AbortSignal ,它的廣泛可用性表明取消運行中的獲取請求現在是 JavaScript 開發中的常見功能。

以上是如何取消 JavaScript 中的取得請求?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板