/* get的简化版本 第一个是接口地址，第二个是回调函数，在第一个后面也可以{name:zhangsan}这样传值，注意用逗号分割,然后也可以在ulr后面加上，如下*/
// $.get('./login.txt?name=zhangsan&age=30',function(data){
// let res=JSON.parse(data)
// $('h1').html(res.name);
// $('h2').html(res.msg);
// $('button').fadeOut('slow')
// })
/* post简化 第一个参数表示接口地址，第二个参数表示传输的数据 订单个参数表示成功后回调的函数*/
$.post('./login.txt', { username: 'admin', password: '123456' }, function (res) {
localStorage.token=res.data.token;/* 储存令牌 */
})
})
/* 登录功能 */
$('button').click(function () {
$.post(url+'login',{username:'admin',password:'123456'},function(res){
localStorage.token = res.data.token;
$('button').slideUp('slow')
/* 得到token之后调用获取用户列表数据 */
getUsers();
})
})
/* 获取用户列表数据 */
function getUsers(){
$.ajax({
url:url+'users',
headers:{
Authorization:localStorage.token
},
data:{
pagenum:1,
pagesize:20
},
success:function(res){
/* 插入最新的数据之前
先清空之前的数据 */
$('tbody').html('');
for(var i in res.data.users){
$('tbody').append(
`
<tr>
<td>${res.data.users[i].username}</td>
<td>${res.data.users[i].mobile}</td>
<td>${res.data.users[i].email}</td>
</tr>
`
)
}
}
})
}
$('#submit').click(function(){
$.ajax({
url:url+'users',
method:"post",
headers:{
Authorization:localStorage.token
},
data:{
username:$('#username').val(),
password:$('#password').val(),
email:$('#email').val(),
mobile:$('#mobile').val(),
},
success:function(res){
$('#msg').html(res.meta.msg)
setTimeout(function(){
$('#msg').html('')
},3000)
$('#username').val('')
$('#password').val('')
$('#email').val('')
$('#mobile').val('')
/* 更新最新的表格信息 */
getUsers();
}
})
})
