码迷,mamicode.com
首页 > 移动开发 > 详细

axios处理http请求

时间:2017-05-17 21:00:18      阅读:1627      评论:0      收藏:0      [点我收藏+]

标签:params   use   user   catch   func   http   mis   基本使用   .com   

  在处理http请求方面,已经不推荐使用vue-resource了,而是使用最新的axios,下面做一个简单的介绍。

安装

使用node

npm install axios 

 

使用cdn

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 

 

基本使用方法

get请求

// Make a request for a user with a given ID
axios.get(/user?ID=12345)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// Optionally the request above could also be done as
axios.get(/user, {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

 

 

 

 

 

Post请求

 axios.post(/user, {
    firstName: Fred,
    lastName: Flintstone
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

 

同时执行多个请求

function getUserAccount() {
  return axios.get(/user/12345);
}

function getUserPermissions() {
  return axios.get(/user/12345/permissions);
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));

这个的使用方法其实和原生的ajax是一样的,一看就懂。

 

 

参考文章:https://juejin.im/entry/587599388d6d810058a7a41a

 

axios处理http请求

标签:params   use   user   catch   func   http   mis   基本使用   .com   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6869330.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!