fetch polyfill 發布0.02版

sydMobile 發布于2019-08-20 10:36 / 1855人閱讀

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

avalon官方AJAX庫fetch polyfill 發布0.02版，修復眾多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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80228.html

React項目實戰：環境搭建

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

cnio 2019-08-21 17:47 評論0 收藏0
React項目實戰：環境搭建

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

GHOST_349178 2019-08-01 18:04 評論0 收藏0
全面分析前端的網絡請求方式

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

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

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

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

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

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