下面的代码分别使用axios发送get请求、post请求,并且演示了使用通用方法发送请求的额方式
axios.defaults.baseURL = 'http://127.0.0.1:8000'
btns[0].onclick = function () {
axios.get('/axios-server', {
//设置url参数
params: {
id: 100,
vip: 7
},
//设置请求头信息
headers: {
name: 'atguigu',
age: '20'
},
}).then(value => {
console.log(value);
});
}
btns[1].onclick = function () {
axios.post('axios-server', {
username: 'admin',
password: 'admin'
}, {
//POST请求
//请求行参数
params: {
id: 200,
vip: 9
},
//请求体参数
headers: {
height: 180,
weight: 180
}
})
}
btns[2].onclick = function () {
axios({
//请求方法
method: 'POST',
//url
url: '/axios-server',
//url参数
params: {
vip: 10,
level: 30
},
//头信息参数
headers: {
a: 100,
b: 200
},
//请求体参数
data: {
username: 'admin',
password: 'admin'
}
}).then(Response => {
console.log(response);
//响应状态码
console.log(response.status);
//响应状态字符串
console.log(response.statusText);
//响应头信息
console.log(response.headers);
//响应体
console.log(response.data);
})
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。