初次使用axios

axios

这里直接引用标签就可以了

但是速度会很慢可以在bootCDN上搜索axios


复制引用就可以了

用get发送请求

定义html部分代码和js获取html元素
下面是用axios发送Ajax请求
首先定义一个属性方便获取url

这样直接写这个就好了

上面那个是get方法发送请求

axios.get(’/server’,{
//发送url参数(这里注意格式和逗号)
params:{
if:100,
sd:1212
},
//发送请求头信息
headers:{
name:‘xxx’,
age:‘12’
}
//响应成功的回调
}).then(a =>{
console.log(a);
})

其实这里的a就是代表服务器响应的结果

用psot发送请求
其实跟你get请求一样啦就是多了个请求体，因为get没有请求体(注意格式)

post.onclick = function(){
axios.post(’/server’,{
//设置请求体
usename:‘sss’,
password:‘123456’
},
//设置参数
{
//发送url参数
params:{
qf:100,
qd:1212
},
//发送请求头信息
headers:{
name:‘www’,
age:13
},
}).then(a =>{
console.log(a);
})

下面用通用方法发送Ajax请求

axios({
//请求方法(注意大写)
method:‘POST’,
url:’/server’,
//url参数
params:{
vip:30,
num:100
},
headers:{
name:123,
age:11
},
//请求体参数
data:{
a:‘ssss’,
b:2
}
}).then(a=>{
console.log(a);
//响应状态码
console.log(a.status);
//响应状态字符串
console.log(a.statusText);
//响应体
console.log(a.data);
})

太简单了，哈哈