fetch polyfill 发布0.02版

sydMobile 发布于2019-08-20 10:36 / 1686人阅读

摘要：官方库发布版，修复众多。用法示例安装库运行例子跑到目录下浏览器下打开

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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