怎么使用fetch API

本篇內(nèi)容主要講解“怎么使用fetch API”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么使用fetch API”吧!

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

　　FetchAPI概念和用法

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

　　它同時(shí)還為有關(guān)聯(lián)性的概念，例如CORS和HTTP原生頭信息，提供一種新的定義，取代它們?cè)瓉?lái)那種分離的定義。

　　發(fā)送請(qǐng)求或者獲取資源，需要使用WindowOrWorkerGlobalScope.fetch()方法。它在很多接口中都被實(shí)現(xiàn)了，更具體地說(shuō)，是在Window和WorkerGlobalScope接口上。因此在幾乎所有環(huán)境中都可以用這個(gè)方法獲取到資源。

　　fetch()必須接受一個(gè)參數(shù)——資源的路徑。無(wú)論請(qǐng)求成功與否，它都返回一個(gè)Promise對(duì)象，resolve對(duì)應(yīng)請(qǐng)求的Response。你也可以傳一個(gè)可選的第二個(gè)參數(shù)init（參見(jiàn)Request）。

　　一旦Response被返回，就可以使用一些方法來(lái)定義內(nèi)容的形式，以及應(yīng)當(dāng)如何處理內(nèi)容（參見(jiàn)Body）。

　　你也可以通過(guò)Request()和Response()的構(gòu)造函數(shù)直接創(chuàng)建請(qǐng)求和響應(yīng)，但是我們不建議這么做。他們應(yīng)該被用于創(chuàng)建其他API的結(jié)果（比如，serviceworkers中的FetchEvent.respondWith）。

　　FetchAPI需要知道什么

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

　　中止fetch

　　瀏覽器已經(jīng)開(kāi)始為AbortController和AbortSignal接口（也就是AbortAPI）添加實(shí)驗(yàn)性支持，允許像Fetch和XHR這樣的操作在還未完成時(shí)被中止。請(qǐng)參閱接口頁(yè)面了解更多詳情。

　　Fetch接口

　　WindowOrWorkerGlobalScope.fetch()

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

　　Headers

　　相當(dāng)于response/request的頭信息，可以使你查詢(xún)到這些頭信息，或者針對(duì)不同的結(jié)果做不同的操作。

　　Request

　　相當(dāng)于一個(gè)資源請(qǐng)求。

　　Response

　　相當(dāng)于請(qǐng)求的響應(yīng)

到此，相信大家對(duì)“怎么使用fetch API”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！