axios下载地址：www.axios-http.cn/
Axios 的基础用法
axios 是一个专注于网络请求的库
axios 的基础语法
axios({
method:'请求的类型',
url:'请求的URL地址'
}).then((result) => {
//.then 用来指定请求成功之后的回调函数
//形参中的 result 是请求成功之后的结果
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="./lib/axios.js"></script>
<script>
//调用 axios 方法得到的返回值是 Promise 对象
axios({
// 请求方式
method:'GET',
// 请求的地址
url:'http://www.liulongbin.top:3006/api/getbooks',
// URL 中的查询参数
params:{
id:1
}
}).then(function(result){
console.log(result)
})
</script>
</body>
</html>
-
发起GET请求
document.querySelector('#btnGET').addEventListener('click',async function(){ const {data:res} = await axios.get('http://www.liulongbin.top:3006/api/getbooks',{ params:{id:1} }) console.log(res) }) -
发起 POST 请求
document.querySelector('#btnPOST').addEventListener('click',async function(){ const {data:res} = await axios.post('http://www.liulongbin.top:3006/api/post',{name:'zs',gender:'男'}) console.log(res) })
