fetch polyfill 發(fā)布0.02版

sydMobile 發(fā)布于2019-08-20 10:36 / 2043人閱讀

摘要：官方庫發(fā)布版，修復(fù)眾多。用法示例安裝庫運(yùn)行例子跑到目錄下瀏覽器下打開

avalon官方AJAX庫fetch polyfill 發(fā)布0.02版，修復(fù)眾多BUG。

https://github.com/RubyLouvre...

用法示例

avalon.fetch("/getAjax?aaa=1&&bb=2",{
    method: "GET"
}).then(function(a){
    return a.json()
}).then(function(a){
    console.log(a)
})

avalon.fetch("/postAJax", {
    method: "POST",
    headers: {
        "Accept": "application/json",
        "Content-Type": "application/json",
    },
    body: JSON.stringify({
        firstParam: "yourValue",
        secondParam: "yourOtherValue",
    })
}).then(function(a){
    return a.json()
}).then(function(a){
    console.log(a)
})

function toQueryString(obj) {
    return obj ? Object.keys(obj).sort().map(function (key) {
        var val = obj[key];
        if (Array.isArray(val)) {
            return val.sort().map(function (val2) {
                return encodeURIComponent(key) + "=" + encodeURIComponent(val2);
            }).join("&");
        }

        return encodeURIComponent(key) + "=" + encodeURIComponent(val);
    }).join("&") : "";
}
avalon.fetch("/postAJax", {
    method: "post",
    headers: {
        "Accept": "application/json, text/plain, */*",
        "Content-Type": "x-www-form-urlencoded"
    },
    body: toQueryString({ 
        "name": "aaa",
        "pw":"bbb" 
    })
}).then(function(a){
    return a.json()
}).then(function(a){
    console.log(a)
})

安裝fetch 庫

$ npm install fetch-polyfill2 --save
$ npm install bluebird -- save
$ npm install json3 -- save

運(yùn)行例子

跑到koa目錄下

npm install
node index

瀏覽器下打開localhost: 4000

GPU云服務(wù)器云服務(wù)器 Polyfilling polyfill webrtc polyfill Fetch

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/80228.html

相關(guān)文章

React項(xiàng)目實(shí)戰(zhàn)：環(huán)境搭建

摘要：官方文檔中文翻譯構(gòu)建用戶界面的庫。官方文檔建議學(xué)習(xí)時(shí)以官方文檔為準(zhǔn)，中文翻譯或者第三方作者的教程可以幫助你理清思路會(huì)用到的重要知識(shí)點(diǎn)我也會(huì)進(jìn)行簡(jiǎn)明的解釋，如遇到錯(cuò)誤或者不理解的內(nèi)容，歡迎實(shí)時(shí)指出。前言前面提到前端大統(tǒng)一的概念，如果感興趣，歡迎說說自己的看法，點(diǎn)擊前往。Web前端框架層出不窮，不可能面面俱到，這里給個(gè)小建議：如果對(duì)Weex App感興趣，應(yīng)該選擇vue框架；如果...

cnio 2019-08-21 17:47 評(píng)論0 收藏0
React項(xiàng)目實(shí)戰(zhàn)：環(huán)境搭建

摘要：官方文檔中文翻譯構(gòu)建用戶界面的庫。官方文檔建議學(xué)習(xí)時(shí)以官方文檔為準(zhǔn)，中文翻譯或者第三方作者的教程可以幫助你理清思路會(huì)用到的重要知識(shí)點(diǎn)我也會(huì)進(jìn)行簡(jiǎn)明的解釋，如遇到錯(cuò)誤或者不理解的內(nèi)容，歡迎實(shí)時(shí)指出。前言前面提到前端大統(tǒng)一的概念，如果感興趣，歡迎說說自己的看法，點(diǎn)擊前往。Web前端框架層出不窮，不可能面面俱到，這里給個(gè)小建議：如果對(duì)Weex App感興趣，應(yīng)該選擇vue框架；如果...

GHOST_349178 2019-08-01 18:04 評(píng)論0 收藏0
全面分析前端的網(wǎng)絡(luò)請(qǐng)求方式

摘要：請(qǐng)求默認(rèn)會(huì)攜帶同源請(qǐng)求的，而跨域請(qǐng)求則不會(huì)攜帶，設(shè)置的的屬性為將允許攜帶跨域。類型請(qǐng)求成功后的回調(diào)函數(shù)。另外，同樣提供了在環(huán)境下的支持，可謂是網(wǎng)絡(luò)請(qǐng)求的首選方案。當(dāng)網(wǎng)絡(luò)故障時(shí)或請(qǐng)求被阻止時(shí)，才會(huì)標(biāo)記為，如跨域不存在，網(wǎng)絡(luò)異常等會(huì)觸發(fā)。一、前端進(jìn)行網(wǎng)絡(luò)請(qǐng)求的關(guān)注點(diǎn) 大多數(shù)情況下，在前端發(fā)起一個(gè)網(wǎng)絡(luò)請(qǐng)求我們只需關(guān)注下面幾點(diǎn)：傳入基本參數(shù)（url，請(qǐng)求方式）請(qǐng)求參數(shù)、請(qǐng)求參數(shù)類型設(shè)...

Edison 2019-08-23 16:27 評(píng)論0 收藏0
Service Worker學(xué)習(xí)與實(shí)踐（一）——離線緩存

摘要：的本質(zhì)是一個(gè)，它獨(dú)立于主線程，因此它不能直接訪問，也不能直接訪問對(duì)象，但是，可以訪問對(duì)象，也可以通過消息傳遞的方式與主線程進(jìn)行通信。的最佳用法其實(shí)就是配合做離線緩存。什么是Service Worker Service Worker本質(zhì)上充當(dāng)Web應(yīng)用程序與瀏覽器之間的代理服務(wù)器，也可以在網(wǎng)絡(luò)可用時(shí)作為瀏覽器和網(wǎng)絡(luò)間的代理。它們旨在（除其他之外）使得能夠創(chuàng)建有效的離線體驗(yàn)，攔截網(wǎng)絡(luò)請(qǐng)...

xiaochao 2019-08-23 12:03 評(píng)論0 收藏0
兼容IE6的fetch polyfill

摘要：社區(qū)起來后，不滿足現(xiàn)在的方案，搞了一個(gè)。只有在一些非常新的瀏覽器才支持，而上的卻最多兼容到，并且麻煩得要死，需要安裝一大堆才能運(yùn)行起來。于是我搞了一個(gè)兼容的。用法與原生的一模一樣。 react社區(qū)起來后，不滿足現(xiàn)在的AJAX方案，搞了一個(gè)fetch。fetch只有在一些非常新的瀏覽器才支持，而github上的fetch卻最多兼容到IE8，并且麻煩得要死，需要安裝一大堆polyfill才...

macg0406 2019-08-20 10:13 評(píng)論0 收藏0