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);
});