axios的基本使用

本文介绍了使用axios库分别发送GET和POST请求到'http://www.liulongbin.top:3006/api'接口的基本操作,包括GET请求参数传递和POST请求数据发送,适合初学者理解HTTP请求实践。
摘要由CSDN通过智能技术生成

1.发起GET请求

 axios({

            // 请求方式

            methods: 'GET',

            // 请求的地址

            url: 'http://www.liulongbin.top:3006/api/getbooks',

            // URL中的查询参数

            params: {

                id: 1

},

        }).then(function(result){

            console.log(result);

        })

2.发起POST请求

 

document.querySelector('#btnPost').addEventListener('click',async function(){

            // 如果调用某个方法的返回值是promise实例,则前面可以添加await

            // await只能用在被async修饰的方法中

            // 解构赋值,因为result不是真实的数据,所以将真实数据解构出来

            const {data} = await axios({

                method:'POST',

                url:'http://www.liulongbin.top:3006/api/post',

                data:{

                    name:'zs',

                    age:20

                }

            })

            console.log(data);

        })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值