<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>axios</title>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
</head>
<body>
<button>get</button>
<button>post</button>
<button>AJAX</button>
<script type="text/javascript">
const btns = document.querySelectorAll('button');
axios.defaults.baseURL = 'http://127.0.0.1:8000'
btns[0].onclick = function() {
// get请求
axios.get('/axios', {
// url参数
params: {
id: 100,
vip: 7
},
// 设置请求头信息
headers: {
name: 'pc',
age: 20
}
}).then(value => {
console.log(value);
});
}
btns[1].onclick = function() {
axios.post('/axios', {
username: 'admin',
password: '123456'
}, {
// URL参数
params: {
id: 200,
vip: 7
},
// 请求头
headers: {
height: 200,
wdight: 180
}
// 请求体
})
}
btns[2].onclick = function() {
axios({
// 请求方法
method:'post',
// url
url:'/axios',
// url参数
params:{
vip:10,
age:18
},
// 头信息
headers:{
a:100,
b:200
},
// 请求体参数
data:{
username:'admin',
password:'123456'
}
}).then(req=>{
console.log(req);
})
}
</script>
</body>
</html>
Axios发送Ajax请求
最新推荐文章于 2024-04-06 16:56:08 发布