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...