layui后台管理登录

1. 登录操作进行验证判断
2. 调用接口发送请求

3. 可存储信息在浏览器缓存

   此处所用请求方法为js封装好的。
   layui 封装 ajax请求:https://www.netniu.cn/index.php/archives/164/

   // 进行登录操作
form.on('submit(login)', function (data) {
data = data.field;
var captcha = $('#ctl00_txtcode').val().toUpperCase(); 
if (data.username == '') {
layer.msg('登录账号不能为空');
return false;
}
if (data.password == '') {
layer.msg('密码不能为空');
return false;
}
if (captcha == '') {
layer.msg('验证码不能为空');
return false;
}
if (captcha != code) {
layer.msg('验证码不正确');
return false;
}
postData('url接口地址', {username: data.username, secretcode: data.password}, true).then(res=>{
// 保存token至浏览器缓存
sessionStorage.setItem('token', res.toekn)   //根据后端返回的toekn,把token保存起来
let userInfo = {
username: res.username,
is_admin: res.is_admin,  //此处为您想存储在浏览器缓存的值
userid: res.userid
}
sessionStorage.setItem('userInfo', JSON.stringify(userInfo))  //将userInfo存储在浏览器缓存中 sessionStorage存储方法一旦关闭浏览器窗口,存储数据也随之消失
layer.msg('登录成功', function () {
window.location = '../index.html';
});
}).catch(err=>{
 
})
return false;
});