axios使用小记

get请求

get方法中除了url外就是可选配置部分，params为数据部分

axios.get( '/api/',
  {
    params:
    {
      'id': 1,
      'name': 'zhangsan'
    },
    headers:
    {
      'X-CSRFtoken': $.cookie( 'csrftoken' ),
      'Content-Type': 'application/json'
    }
  } )
  .then( res =>
  {
    console.log( res );
  } )
  .catch( err =>
  {
    console.log( err );
  } );

post请求

axios.post( '/api/',
  {
    'id': 2,
    'name': 'lisi'
  },
  {
    headers:
    {
      'X-CSRFtoken': $.cookie( 'csrftoken' ),
      'Content-Type': 'application/json'
    }
  } )
  .then( res =>
  {
    console.log( res );
  } )
  .catch( err =>
  {
    console.log( err );
  } );

put请求

axios.put( `/asset/api/base/asset/${id}`,
  {
    name: 'lisi'
  },
  {
    headers:
    {
      'X-CSRFtoken': $.cookie( 'csrftoken' ),
      'Content-Type': 'application/json'
    }
  } )
  .then( res =>
  {
    console.log( res );
  } )
  .catch( err =>
  {
    console.log( err );
  } );

delete请求

axios.delete(`/asset/api/base/asset/${id}/`, {
    data: {
      id: id
    },
    headers: {
      'X-CSRFtoken': $.cookie('csrftoken'),
      'Content-Type': 'application/json'
    }
  })
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  });

参考链接

1. http://www.axios-js.com/zh-cn/docs/