当前位置: 萬仟网 > IT编程>开发>JavaScript > Vue之axios请求数据

Vue之axios请求数据

14  人参与 | 时间:2019-03-15 | 我要评论

  引入文件

<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>

 

  代码块:

  1、get请求:

  

 1             var params = {
 2                 locale: 1,
 3             };
 4             // 向具有指定id的用户发出请求
 5             axios.get('/user?id=12345')
 6                 .then(function (response) {
 7                     console.log(response);
 8                 })
 9                 .catch(function (error) {
10                     console.log(error);
11                 });
12 
13 
14             // 也可以通过 params 对象传递参数
15             axios.get('/user',{params:params}).then(function (res) {
16                 console.log(res)
17             }).catch(function (err) {
18                 console.log(err);
19             })    

 

  2、post请求:

  

 1             axios.post('/url', {
 2                 sex: '1',
 3                 age: '2'
 4             })
 5                 .then(function (res) {
 6                     console.log(res);
 7                 })
 8                 .catch(function (err) {
 9                     console.log(err);
10                 });

 

  3、过个并发请求:

  

 1             function getone() {
 2                 return $http.get('/url/1');
 3             }
 4 
 5             function getsecond() {
 6                 return $http.get('/url/2/secondurl');
 7             }
 8 
 9             axios.all([getone(), getsecond()])
10                 .then(axios.spread(function (success, perms) {
11                     //两个请求现已完成
12                 }));

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

◎已有 0 人评论

Copyright © 2019  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com