Es6-axios请求

请求方式

1. jQuery：比较重，如果需要另外引入不建议使用
2. axios：轻量级，建议使用

• 封装XmlHttpRequest对象的ajax
• promise风格
• 可以用在浏览器端和node服务器端

axios

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

axios本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范

特性

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

引入

<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) {
    co