js原生fetch方法 小抄級彙總

2021-10-23 13:00:27 字數 889 閱讀 2230

xmlhttprequest 是乙個設計粗糙的 api,不符合關注分離(separation of concerns)的原則,配置和呼叫方式非常混亂,而且基於事件的非同步模型寫起來也沒有現代的 promise,generator/yield,async/await 友好。

fetch 的出現就是為了解決 xhr 的問題。同時簡潔的語法,基於標準 promise 的實現,支援 async/await等特性更是如虎添翼,廢話不多說,上示例。

fetch

('請求的位址',,

cache:

'是否快取這個請求'

, credentials:

'要不要攜帶cookie'

, mode:

'給請求定義乙個模式確保請求有效',}

).then

(res=>).

then

(res =>).

catch

(err =>

)

傳送一些普通的json資料

fetch

('url',)

})

獲取

fetch

('url').

then

(res =>).

then

(res =>

)

傳送表單資料

var form = document.

queryselector

('form');

fetch

('/***',)

;

瀏覽器原生Fetch方法封裝

瀏覽器原生的fetch方法是一種promise形式的非同步互動方法 目前大部分瀏覽器都已支援 ie我沒說你 fetch.js檔案 export function obj2params obj return result result.slice 1 result export const post ...

js原生轉殖方法

為了看得清楚一點,引數變數屬性 命名都是隨意 主要思路 五點 1,遍歷物件 2,判斷是不是原始值 typeof instanceof,tostring,constructor 這些方法都可以 3,判斷是陣列還是物件 4,建立相應的陣列或物件 5,使用遞迴 var obj function copy ...

js原生方法被覆蓋,從新賦值原生方法

js的原生方法被覆蓋掉以後,如果你還沒讓原生方法又從新指向乙個新的變數名,那就gg了。所以,關鍵就是怎麼再獲取到原生的方法。實現的原理呢就是建立乙個新的window物件,然後從新的window物件裡面獲取原生的方法,來重新賦值。首先建立乙個iframe物件,使用document.createelem...