加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

fetch polyfill 发布0.02版

发布时间:2020-12-16 01:30:10 所属栏目:百科 来源:网络整理
导读:avalon官方AJAX库fetch polyfill 发布0.02版,修复众多BUG。 https://github.com/RubyLouvre... 用法示例 avalon.fetch('/getAjax?aaa=1bb=2',{ method: 'GET'}).then(function(a){ return a.json()}).then(function(a){ console.log(a)})avalon.fetch('/pos

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读