fetch polyfill 發(fā)布0.02版

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

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

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

運行例子

跑到koa目錄下

npm install
node index

瀏覽器下打開localhost: 4000

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/80228.html

相關(guān)文章

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

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

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

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

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

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

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

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

xiaochao 2019-08-23 12:03 評論0 收藏0
兼容IE6的fetch polyfill

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

macg0406 2019-08-20 10:13 評論0 收藏0