AJAX 的封装
https://www.axios-http.cn/docs/intro

  1. // 发起一个post请求
  2. axios({
  3. method: 'post',
  4. url: '/user/12345',
  5. data: {
  6. firstName: 'Fred',
  7. lastName: 'Flintstone'
  8. }
  9. });
  1. // 在 node.js 用GET请求获取远程图片
  2. axios({
  3. method: 'get',
  4. url: 'http://bit.ly/2mTM3nY',
  5. responseType: 'stream'
  6. })
  7. .then(function (response) {
  8. response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
  9. });

快速入门

  1. 引入Axiosjs文件
  2. 进行资源获取

    GET方法实践

    ```javascript const axios = require(‘axios’);

// 向给定ID的用户发起请求 axios.get(‘/user?ID=12345’) .then(function (response) { // 处理成功情况 console.log(response); }) .catch(function (error) { // 处理错误情况 console.log(error); }) .then(function () { // 总是会执行 });

// 上述请求也可以按以下方式完成(可选) axios.get(‘/user’, { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }) .then(function () { // 总是会执行 });

// 支持async/await用法 async function getUser() { try { const response = await axios.get(‘/user?ID=12345’); console.log(response); } catch (error) { console.error(error); } }

  1. <a name="LOcGu"></a>
  2. ## POST 方法实践
  3. ```javascript
  4. axios.post('/user', {
  5. firstName: 'Fred',
  6. lastName: 'Flintstone'
  7. })
  8. .then(function (response) {
  9. console.log(response);
  10. })
  11. .catch(function (error) {
  12. console.log(error);
  13. });

并发:

  1. function getUserAccount() {
  2. return axios.get('/user/12345');
  3. }
  4. function getUserPermissions() {
  5. return axios.get('/user/12345/permissions');
  6. }
  7. Promise.all([getUserAccount(), getUserPermissions()])
  8. .then(function (results) {
  9. const acct = results[0];
  10. const perm = results[1];
  11. });