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

君山網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),君山網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為君山上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的君山做網(wǎng)站的公司定做！

es6中，fetch用于發(fā)起遠(yuǎn)程資源的請(qǐng)求，是提供跨網(wǎng)絡(luò)異步獲取資源的方法；該方法被定義在BOM的window對(duì)象中，返回一個(gè)Promise對(duì)象，語法“fetch(url,配置對(duì)象).then(function(response){})”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中fetch的用法是什么

fetch的基本語法

fetch(url,init).then(function(response) { } )

es6 fetch怎么使用?JavaScript

fetch的參數(shù)說明

• fetch接收兩個(gè)參數(shù)，第一個(gè)為地址且必填，第二個(gè)為配置對(duì)象可選。

• 如果是簡單的無參數(shù)get請(qǐng)求，那么可以不要第二個(gè)參數(shù)（默認(rèn)為get請(qǐng)求）,當(dāng)然也可以加上來對(duì)此fetch進(jìn)行一些說明

• 第二個(gè)參數(shù)包含請(qǐng)求類型，發(fā)送數(shù)據(jù)，headers，模式等

• fetch方法返回的也是一個(gè)promise對(duì)象,我們只能使用then來獲取返回?cái)?shù)據(jù)，

• 我們需要兩次then才能對(duì)后臺(tái)返回得到數(shù)據(jù)進(jìn)行處理，在第一個(gè)then里面return result.text(), 或者 return result.json(), 然后第二個(gè)參數(shù)里面才能真正的獲取到返回的具體值，并且對(duì)其進(jìn)行邏輯處理

• 如果要判斷請(qǐng)求是否失敗，那么請(qǐng)?jiān)诘谝淮蔚膖hen里面判斷，那里面為請(qǐng)求數(shù)據(jù)對(duì)象。

Fetch API提供了一個(gè) JavaScript接口，用于訪問和操縱HTTP管道的部分，例如請(qǐng)求和響應(yīng)。它還提供了一個(gè)全局 fetch()方法，該方法提供了一種簡單，合理的方式來跨網(wǎng)絡(luò)異步獲取資源。

這種功能以前是使用  XMLHttpRequest實(shí)現(xiàn)的。Fetch提供了一個(gè)更好的替代方法，可以很容易地被其他技術(shù)使用，例如 Service Workers。Fetch還提供了單個(gè)邏輯位置來定義其他HTTP相關(guān)概念，例如CORS和HTTP的擴(kuò)展。

Fetch API提供了一個(gè)fetch()方法，它被定義在BOM的window對(duì)象中，你可以用它來發(fā)起對(duì)遠(yuǎn)程資源的請(qǐng)求。 該方法返回的是一個(gè)Promise對(duì)象，讓你能夠?qū)φ?qǐng)求的返回結(jié)果進(jìn)行檢索。

fetch只支持跨域CORS 不支持JSONP跨越

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