axios快速入门这篇就够了

1.Axios中文网网址

Axios中文文档 | Axios中文网 (axios-http.cn)

2.引入Axios的js文件

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

3.使用Axios发送请求

method:请求方法, 如: GET/POST

url:请求路径        必须写

data:请求数据        如果要传递参数则填写

then是成功回调函数,catch是失败回调函数

示例:

let book = {
    name: 'axios快速入门',
    category: '前端',
    time: '2024-01-23',
    state: '草稿'
}
  axios({
     method:'post',
     url:'http://localhost:8080/book/save',
     data:book
 }).then(result=>{
     //处理请求成功的数据
     console.log(result.data);
 }).catch(err=>{
     //处理请求失败的数据
     console.log(err);
 }); 

4.Axios另一种书写格式

格式:axios.method(url [, data[, config]])

示例:

axios.post('http://localhost:8080/book/save', book).then(result => {
    //处理请求成功的数据
    console.log(result.data);
}).catch(err => {
    //处理请求失败的数据
    console.log(err);
});

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值