前端臨床手扎 簡單易用的fetch

2021-09-17 07:55:17 字數 1541 閱讀 2840

如題,es6 新增的fetch真的簡單易用,感覺現在這乙個支援完全可行。

雖然相容性問題還是存在,但是打上polyfill後就基本解決了。

browser support

chrome

firefox

safari 6.1+

internet explorer 10+

來自:github / fetch

這裡說明一下,fetch必須配合promise一起使用,這會得到更佳效果。

# get 

fetch('/api/user/1', ).then(res => res.json).then(console.log).catch(console.error);

# console.log ######

# # post

var formdata = new formdata();

fetch('/api/user', ).then(res => res.json).then(console.log).catch(console.error);

# console.log ######

# }

跨域問題並不難只需加上mode:'cors'引數,如:

# cross post

var formdata = new formdata();

fetch(

'',

).then(res => res.json).then(console.log).catch(console.error);

想使用起來更舒心,你還得引用以下這兩個包解決相容:

具體使用例子:

# api.js

require('es6-promise').polyfill();

require('fetch');

// 此判斷在某些瀏覽器並不能正常檢查,導致urlsearchparams不可用,如果你知道具體問題聯絡以下博主

//if ('searchparams' in htmlanchorelement.prototype)

function handle(response)else

});}module.exports = )

return fetch(url, ).then(handle).catch(handle);

},// 傳送手機驗證簡訊

sendcode: function(data))

url+='?'+params.tostring();

return fetch(url, ).then(handle).catch(handle)}}

storm簡單易用的API

這是本人翻譯storm的一篇英文文章,英文位址是如有紕漏,歡迎指正 或請參照原文,純屬個人愛好。storm提供了簡單易用的api。當使用storm程式設計時,只需要操縱轉換tuple的流資訊,乙個tuple就是乙個值的列表。tuple可以包含任何資料型別,當使用自定義資料型別時,我們只需要簡單的使用...

android之簡單易用的mvc

什麼是mvc?mvc的優點?mvc的缺點?mvc的適用情況?mvc分別為 模型 model 檢視 view 和控制controller mvc模式的目的就是應用系統的職能分工。model層實現系統中的業務邏輯。view層用於與使用者的互動。controller層是model與view之間溝通的橋梁,...

Zmail 簡單易用的python郵件模組

覺得對你有用請star或者fork zmail 允許你傳送和接受郵件盡可能的簡單。你不需要去檢查你的伺服器位址 埠以及自己構造mime物件,使用zmail,你只需要關注你的郵件內容即可。zmail僅支援python3,不需要任何其他外部依賴.不支援python2.pip3 install zmail...