fetch使用詳解

2021-09-10 06:28:57 字數 1266 閱讀 7740

fetch引數:乙個必選的資源路徑和乙個可選的引數init。無論請求是否成功都返回乙個promise

fetch與$.ajax()的不同

當接收到類似404或500這類表示錯誤的狀態碼時,fetch返回的promise物件的狀態仍然為resolve(resolve的返回值『ok』屬性設定為false),僅當網路故障時或請求被阻止時,才會標記為reject預設情況下fetch不會從服務端傳送或接收任何 cookies, 如果站點依賴於使用者 session,則會導致未經認證的請求(要傳送 cookies,必須設定 credentials 選項)

上面**獲取了乙個json字串,其中response為http響應。如果要得到json資料需要使用.json()方法進行轉換。

fetch

('',)

,//這裡是要傳遞的引數

注意:如果後台接收不到資料請參考這篇文章

因為這個的原因,resolved狀態不一定代表請求成功,所以需要在resolved的狀態下再次判斷response.ok,如下**:

fetch

('').

then

(response =>

throw

newerror

('請求失敗')}

).then

(data =>).

catch

(error =>

)

fetch請求詳解

會返回乙個promise物件,所以可用then等方法。來進行後續處理,下面是鄙人的乙個例子,a.txt檔案,是當前目錄下的乙個檔案 let url a.txt fetch url then res fetch獲取資源後,返回乙個promise物件,所以可用then等方法。這裡的res是請求的結果 我...

fetch基本使用

搭建簡易的伺服器 新建express資料夾 終端中執行 express e 和 npm i 在express routes user.js中定義login請求路徑 var express require express var router express.router router.get log...

React Native之fetch的使用

來自 在前端快速發展地過程中,為了契合更好的設計模式,產生了 fetch 框架,此文將簡要介紹下 fetch 的基本使用。在 ajax 時代,進行請求 api 等網路請求都是通過 xmlhttprequest 或者封裝後的框架進行網路請求。在 chrome 瀏覽器中已經全域性支援了 fetch 函式...