怎么使用fetch API

本篇內容主要講解“怎么使用fetch API”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么使用fetch API”吧!

　　FetchAPI提供了一個獲取資源的接口（包括跨域請求）。任何使用過XMLHttpRequest的人都能輕松上手，而且新的API提供了更強大和靈活的功能集。

　　FetchAPI概念和用法

　　Fetch提供了對Request和Response（以及其他與網絡請求有關的）對象的通用定義。使之今后可以被使用到更多地應用場景中：無論是serviceworker、CacheAPI、又或者是其他處理請求和響應的方式，甚至是任何一種需要你自己在程序中生成響應的方式。

　　它同時還為有關聯性的概念，例如CORS和HTTP原生頭信息，提供一種新的定義，取代它們原來那種分離的定義。

　　發送請求或者獲取資源，需要使用WindowOrWorkerGlobalScope.fetch()方法。它在很多接口中都被實現了，更具體地說，是在Window和WorkerGlobalScope接口上。因此在幾乎所有環境中都可以用這個方法獲取到資源。

　　fetch()必須接受一個參數——資源的路徑。無論請求成功與否，它都返回一個Promise對象，resolve對應請求的Response。你也可以傳一個可選的第二個參數init（參見Request）。

　　一旦Response被返回，就可以使用一些方法來定義內容的形式，以及應當如何處理內容（參見Body）。

　　你也可以通過Request()和Response()的構造函數直接創建請求和響應，但是我們不建議這么做。他們應該被用于創建其他API的結果（比如，serviceworkers中的FetchEvent.respondWith）。

　　FetchAPI需要知道什么

　　注意：更多關于FetchAPI的用法，參考UsingFetch，以及一些概念Fetchbasicconcepts。

　　中止fetch

　　瀏覽器已經開始為AbortController和AbortSignal接口（也就是AbortAPI）添加實驗性支持，允許像Fetch和XHR這樣的操作在還未完成時被中止。請參閱接口頁面了解更多詳情。

　　Fetch接口

　　WindowOrWorkerGlobalScope.fetch()

　　包含了fetch()方法，用于獲取資源。

　　Headers

　　相當于response/request的頭信息，可以使你查詢到這些頭信息，或者針對不同的結果做不同的操作。

　　Request

　　相當于一個資源請求。

　　Response

　　相當于請求的響應

到此，相信大家對“怎么使用fetch API”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！