引入axios
<script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
以下是axios的GET请求格式:
<script>
// 1、配置 baseURL
axios.defaults.baseURL = 'http://127.0.0.1:8000';
// 2、get请求格式
axios.get(
// 完整的请求路径等于baseURL+url以下路径
'/server',
{
// GET请求参数:params
params: {
id: 100,
name: 'cuyg',
},
// 请求头信息
headers: {
name: 'CUYG',
age: '23'
}
}).then(value => {
console.log(value);
})
</script>
以下是axios的POST请求格式:
<script>
// 1、配置 baseURL
axios.defaults.baseURL = 'http://127.0.0.1:8000';
// 2、get请求格式
axios.post(
// 完整的请求路径等于baseURL+url以下路径
'/server',
// POST请求参数与url同级
{
username: 'admin',
password: 'admin'
},
{
// 请求头信息
headers: {
name: 'CUYG',
age: '23'
}
}).then(value => {
console.log(value);
})
</script>
注意:params中的键值对数据是拼接在url上,无论是post还是get请求。文章来源:https://www.toymoban.com/news/detail-542170.html
axios文章来源地址https://www.toymoban.com/news/detail-542170.html
到了这里,关于【AJAX】axios发送请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!