fetch和axios的区别

axios的用法

axios("http://xxx/xxx.json?a=123'").then((r)=>{
    console.log(r)//这里的r是响应结果
})

但是axios不支持jsonp就比较恶心了,不过我们可以引入jsonp模块
而fetch感觉是上了一个档次一样,他与axios的区别是他的response是一个综合各种方法的对象,并不是请求的数据,
不过感觉机制还是蛮不错的,返回的是一个未处理的方法集合,我们可以通过这些方法得到我们想要的数据类型
如果我们想要json格式,就执行response.json(),如果我们想要字符串就response.text()
而且这些函数是一个promise,想要后台的数据需要.then才可以例:

fetch的用法

fetch('http://xxx/xxx.json?a=123').then(res => {
    res.json().then((r)=>{//或者res.text()           
       console.log(r)//这里就是处理完的后台返回的json数据        
    })
})

另外可以引入fetch-jsonp,支持fetchJsonp方法(fetch大部分浏览器已原生自带!!,所以fetchjsonp还会远吗??)

fetchJsonp('https://xxx.cn/xx?xx=c').then (function(r) {
    console.log(r)
    r.json().then(function(data){
        console.log(data);
    });
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值