如何取消 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中文網其他相關文章！