axios请求的get/post

axios用到的比fetch要多,更加方便,提供了很多使用的API,引用的三种方式:
npm

npm install axios

bower

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

相对于fetch的get请求很是方便,这几行就可以:

//axios get 请求数据
            axios.get('http://jsonplaceholder.typicode.com/todos')
                .then(res => {
                    this.todos = res.data;
                })

post请求的格式:

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
//post请求,axios。post('url',上传的数据)
                axios.post('http://jsonplaceholder.typicode.com/todos',
                    this.item
                )//不需要像fetch请求得转换数据格式
                    .then(res =>{
                        this.todos.unshift(res.data);
                    })
                    .catch(function (error) {
                        console.log(error);
                    });

在这里插入图片描述
更多:http://www.axios-js.com/zh-cn/docs/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值