Axios 使用说明

安装

使用npm

$ npm install axios

使用cdn

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

GET

// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// 可选地，上面的请求可以这样做
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) {
    // 两个请求现在都执行完成
  }));

axios(config)

// 发送 POST 请求
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

// 发送 GET 请求（默认的方法）
axios('/user/12345');

axios post请求ashx

引入Qs

<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.10.1/qs.js"></script>

let qs = Qs;
// 为给定 ID 的 user 创建请求
axios.post('../Handler.ashx', qs.stringify({ "action": "user", "id": "1" }), {
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    }
})
.then(function (response) {
     console.log(response.data);
 })
 .catch(function (error) {
     console.log(error);
 });