axios的定義
一個專注于發起網路請求的庫
基本使用
發起get請求
<script>
//http://www.liulongbon.top:3006/api/getbooks
const result = axios({
method:'GET',
url:'http://www.liulongbin.top:3006/api/getbooks',
//URL中的查詢引數
params:{
id:1
}
})
result.then((books) => {
console.log(books)
}).catch((err) => {
});
</script>
發起post請求
//http://www.liulongbin.top:3006/api/getbooks
document.querySelector('#btnPost').addEventListener('click',async function(){
//如果呼叫某個方法的回傳值是Promise實體，則前面可以添加await
//await 只能用在async修飾的方法中
const { data } = await axios({//解構賦值
method:'POST',
url:'http://www.liulongbin.top:3006/api/post',
data:{
name:'zs',
age:'20'
}
})
console.log(data)
})
- 呼叫axios之后，使用async/await進行簡化
- 使用解構賦值,從axios封裝的大物件中，把data屬性解構出來
- 把解構出來的data屬性使用冒號進行重命名，一般重命名為{data:res}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/299709.html
標籤：其他