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

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的普蘭網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

FetchAPI概念和用法

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

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

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

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

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

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

FetchAPI需要知道什么

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

中止fetch

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

Fetch接口

WindowOrWorkerGlobalScope.fetch()

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

Headers

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

Request

相當(dāng)于一個資源請求。

Response

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

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

網(wǎng)頁題目：怎么使用fetchAPI-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/ddgjhe.html