下面是登录按钮被点击时所做的动作。这里有几个知识点记录一下:1) . a j a x ( ) 函 数 : 它 表 示 异 步 加 载 或 处 理 , 可 以 不 影 响 其 他 组 件 响 应 , 可 以 获 取 u r l 返 回 的 j s o n 数 据 或 者 其 他 h t m l 数 据 。 s u c c e s s 为 响 应 成 功 ( 200 ) 后 的 处 理 , f u n c t i o n ( r e s ) 中 的 r e s 即 为 返 回 结 果 。 当 返 回 j s o n 时 , r e s 为 j s o n 对 象 , 可 以 直 接 使 用 j s 代 码 处 理 。 ) 2 .ajax()函数:它表示异步加载或处理,可以不影响其他组件响应,可以获取url返回的json数据或者其他html数据。success为响应成功(200)后的处理,function(res)中的res即为返回结果。当返回json时,res为json对象,可以直接使用js代码处理。 )2 .ajax()函数:它表示异步加载或处理,可以不影响其他组件响应,可以获取url返回的json数据或者其他html数据。success为响应成功(200)后的处理,function(res)中的res即为返回结果。当返回json时,res为json对象,可以直接使用js代码处理。)2.post()为post请求,url为请求的url地址,{“username”: username, “password”: password}为传递给url的请求参数,function(data) {window.location.href = “index”; }为响应成功后(200)的处理,这里处理是跳转到index页面。
function loginAction() {
// 获取账号和密码输入
var username = $('#username').val();
var password = $('#password').val();
// 账号和密码检查
layui.use('layer', function(){
var layer = layui.layer;
// 账号输入框检查
if (username == '') {
layer.msg('账号不能为空!');
} else if (password == '') {
layer.msg('密码不能为空!');
} else {
// 密码不为空的检查
let urlStr = "user/getLoginConfirm?username=" + username + "&password=" + password;
$.ajax({
url: urlStr,
success: function(res) {
let resValue = res[0].flag;
if (resValue == "0")
layer.msg('密码不正确!');
else if (resValue == "1") {
$.post("login", {"username": username, "password": password}, function(data) {
window.location.href = "index";
});
}
}
});
}
});
}