cookie校验

Cookie验证登录与AJAX交互

最新推荐文章于 2025-04-13 09:00:00 发布

原创最新推荐文章于 2025-04-13 09:00:00 发布 · 547 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #Ajax #HTML

读书专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用Cookie存储用户登录信息的方法，并通过AJAX与后台进行交互验证这些信息。若验证成功则跳转至指定页面并展示用户详细信息；若失败则提示用户错误信息。此外还涉及了长期保存登录状态的功能。

//cookie验证登录
if($.cookie("the_cookie")){

username = $.cookie("the_cookie").split(":")[5];
password = $.cookie("the_cookie").split(":")[9];
//与后台AJAX交互验证登录信息，如果成功转到成功页面，错误重新登录验证
$.ajax({
type : "post",
data : "username=" + username + "&password="+ password,
url:"UserAction.do?method=userLoginM",
success:function(data){
if(data != null && data=="用户名或密码错误!"){
$("#usernameTip").html(data).css("color","red");
$("#username").val("");
$("#usernameTip").css("display","");
$("#password2").val("");

return false;

}else{
document.getElementById('index_login_div').style.display = 'none';
document.getElementById('index_logout_div').style.display = 'block';
nickname = data.split(":")[1];
userId = data.split(":")[3];
phoneno = data.split(":")[5];
score=data.split(":")[7];
password=data.split(":")[9];
//保存cookie时间一个月
if($("#forever").attr("checked")){
$.cookie("the_cookie", data, cookieOption);

}

$("#nickname").text(nickname);
$("#userlogin").text("欢迎你,"+nickname);
$("#score").text(score);
$("#welcome").html("<div class=loginPre> <span class=userLogin>中国@@欢迎您："+nickname+"</span> </div>");
$("#canDestroy").css("display","");
$("#noDestroy").css("display","none");
if($.cookie("the_cookie")){
$("#s_logout").css("display","none");
}

<% if(null != request.getSession().getAttribute("nickname")) {
%>
$("#index_login_div").css("display","none");
$("#index_logout_div").css("display","block");
<%}%>

}
}
});
$("#loginBtn").click();
}

});