xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

Axios all in one

Axios all in one

https://github.com/axios/axios#example

GET

const axios = require('axios');

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






// 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);
  })
  .then(function () {
    // always executed
  });  




// Want to use async/await? Add the `async` keyword to your outer function/method.
async function getUser() {
  try {
    const response = await axios.get('/user?ID=12345');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

// NOTE: async/await is part of ECMAScript 2017 and is not supported in Internet Explorer and older browsers, so use with caution.

POST


// Performing a POST request

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



// Performing multiple concurrent requests

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
  }));






demo

    fetchTableData(options = {}){
      const {
        current: pageIndex,
        size: pageSize,
        // uid,
        activityIdOrName,
        venueName,
        seatMap,
      } = options;
      this.loading = true;
      this.tableData = [];
      // const url = `/opapi/opapi/v2/seatMap/activities?pageSize=${size}&pageIndex=${current}`;
      const url = `/opapi/opapi/v2/seatMap/activities`;
      axios
      .get(url, {
        params: {
          activityIdOrName,
          venueName,
          seatMap,
          pageIndex,
          pageSize,
        },
      })
      .then(res => res.data)
      .then(json => {
        const {
          state,
          success,
          page: {
            total,
            current,
            // size,
          },
          data,
        } = json;
        if (state === 200) {
          // this.tableData = this.dataShaper(data) || [];
          this.pagination.total = total;
          this.pagination.current = current;
        } else{
          this.tableData = [];
        }
        this.loading = false;
      })
      .catch(err => {
        this.tableData = tableData;
        this.loading = false;
        console.error(err);
      });
    },

refs



©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


posted @ 2020-02-11 10:20  xgqfrms  阅读(149)  评论(7编辑  收藏  举报