阅读 109

Axios发送请求的方法

1.1Axios发送get请求

//get请求无参数
axios        .get(‘https://autumnfish.c123123n/api/joke‘)
          .then(res => {
            // 请求成功的回调
            // console.log(‘res:‘, res)
            console.log(res.data)
          })
          .catch(errRes => {
            // 请求失败的回调
            console.log(‘errRes:‘, errRes)
          })

1.2Axios发送post请求

axios   .post(‘https://autumnfish.cn/api/user/reg‘, {
            username: ‘lileilovehanmeimeima?‘
          })
          .then(res => {
            console.log(‘res:‘, res)
          })
          .catch(errRes => {
            console.log(‘errRes:‘, errRes)
          })
      }

1.3Axios发送config请求

优点config模式相对单一的get和post更加灵活

语法:以post为例

axios({
          method: ‘post‘,
          url: ‘https://autumnfish.cn/api/user/reg‘,
          data: {
            username: ‘门前大桥下‘
          }
        })
          .then(res => {
            console.log(‘res:‘, res)
          })
          .catch(errRes => {
            console.log(‘errRes:‘, errRes)
          })
      }
	  这个axios请求也利用了Promise的API,分别then、catch对应了异步执行的成功失败
	  我们在使用config模式请求时,内部的函数往往使用箭头函数,箭头函数的this指向所在的作用域有效的解决了普通函数的指向问题

原文:https://www.cnblogs.com/Code-Is-Fun/p/14833031.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐