fetch請求詳解

2021-09-13 11:05:00 字數 909 閱讀 4100

會返回乙個promise物件，所以可用then等方法。來進行後續處理，下面是鄙人的乙個例子，a.txt檔案，是當前目錄下的乙個檔案

let url =


'./a.txt'


;fetch


(url)


.then


(res =>);


})
fetch獲取資源後，返回乙個promise物件，所以可用then等方法。(這裡的res是請求的結果)。

我們將這個結果列印出來，看看都有些啥，嘿嘿嘿~~~

這個結果是個物件，包含了請求的狀態，對於一次請求是否成功，即是否真的返回資料，我們用response.ok來判斷，看是否為真。

返回的資料格式，是乙個response物件，並不是我們理想中的js物件，所以得轉化一下。

return response.


json()


;// 將 response.body 通過 json.parse 轉換為 js 物件
注意：response.json()會返回乙個promise物件。所以，我們可以用.then()的方法進行後續處理，比如，處理轉化以後的資料。（.json()方法的作用是將response.body通過json.parse轉換為 js 物件，同時，返回乙個promise物件到外部）

fetch


(url,

fetch請求報錯

先上控制台報錯 1 xdebug error xe warning dir ltr border 1 cellspacing 0 cellpadding 1 left bgcolor f57900 colspan 5 background color cc0000 color fce94f font...

fetch跨域請求

cors 該模式支援跨域請求，顧名思義它是以cors的形式跨域 當然該模式也可以同域請求不需要後端額外的cors支援 其對應的response type為cors。no cors 該模式用於跨域請求但是伺服器不帶cors響應頭，也就是服務端不支援cors 這也是fetch的特殊跨域請求方式 其對應的...

fetch使用詳解

fetch引數 乙個必選的資源路徑和乙個可選的引數init。無論請求是否成功都返回乙個promise fetch與 ajax 的不同 當接收到類似404或500這類表示錯誤的狀態碼時，fetch返回的promise物件的狀態仍然為resolve resolve的返回值 ok 屬性設定為false 僅...