1.后台接口的请求方式get/post
2.后台接口的路径 url
3.请求的参数数据格式
4.请求头的设置
5.响应数据的获取
$(function(){
//设置全局变量
$.ajaxSetup({
headers:{
'Authorization':sessionStorage.getItem('token')
}
})
//给登录按钮绑定事件
$('button').click(function(){
let obj={
username:"admin2",
password:123321
}
$.ajax({ //配置对象
//请求的路径
url:'http://47.93.206.13:8888/user/login',
//请求的方式
method:'post',//或者使用type
//请求携带的参数
data:JSON.stringify(obj),
//请求头设置
headers:{
'Content-Type':'application/json'
},
//成功的回调函数
success:function(res){
console.log(res);
sessionStorage.setItem('token',res.data.token);
},
//失败的回调函数
error:function(err){
console.log(err);
}
})
})
//给加载按钮绑定事件
$('#load').click(function(){
$.ajax({
//请求接口
url:'http://47.93.206.13:8888//baseUser/cascadeRoleFindAll',
//请求方式
method:'get',
//成功的回调函数
success:function(res){
console.log(res);
},
//失败的回调函数
error:function(err){
console.log(err);
}
})
})
})