vue2中的ajax之Axios

1、vue本身不支持发送AJAX请求,需要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现

2、axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护

3、参考:GitHub上搜索axios,查看API文档   或进入这个网站 https://www.kancloud.cn/yunye/axios/234845

引入:

  1.利用npm安装npm install axios --save 

  2.直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用:

   1.get方式

axios.get('/static/data.json',{params:{id:123}}).then(res=>{
    console.log(res);
}).catch(error=>console.log(error));

上面是es6 就相当于

axios.get('/login/loginOn',{userName:"gq"}).then(function(result){
    console.info(result);
}).catch(function(error){
     console.info(error);
});

   2.post方式

axios.post('/login/loginOn2', {userName: 'gq'}).then(function (response) {
    console.log(response);
}).catch(function (error) {
    console.log(error);
});



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值