axios和fetech
sonder 中杯

axios 交互

语法:

1
2
3
4
5
6
7
axios({
method:'get' //默认为get,可以省去
url:'http://jx.xuzhixiang.top/ap/api/productlist.php',
params:{_id:111} //传的参数,类似于data:{}形式
}).then((data)=>{
console.log(data) //这里返回的data是请求成功后的所有状态信息(无用信息较多)
})

请求跨域:

请求方式 版本
this.$http.jsonp(‘url’ {}) https://cdn.jsdelivr.net/npm/vue-resource@1.3.4
fetch(‘url’) https://cdn.bootcss.com/fetch/2.0.4/fetch.min.js

实例:

1
2
3
4
5
this.$http.jsopn('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=12',{
jsonp:'cb'
}).then(function(data){
console.log(data.body.s) //拿到此接口的数据信息
})
1
2
3
4
5
fetch('http://jx.xuzhixiang.top/ap/api/productlist.php').then((data)=>{
return data.json();
}).then((data)=>{
console.log(data);
})
  • 本文标题:axios和fetech
  • 本文作者:sonder
  • 创建时间:2019-07-12 09:47:37
  • 本文链接:https://sonderss.github.io/2019/07/12/axios和fetech/
 评论