让网页记住登录状态,以及自动登录

大部分网站都有注册登录的功能,为了给用户良好的体验,尽量减少用户的操作次数,经常需要在客户端记下账号和密码,便于用户下次自动登录。

1、在一次性的操作中,用sessionStorage记住账号和密码,各子页面加载时判断是否已经登录过。因为sessionStorage保存的数据仅在一次会话之间有效。

2、如果要长期记住账号和密码,用localStorage存储数据。但要记住在用户更改密码时要及时更新本地数据。为了保证安全性,每次登陆时也需要和服务器端进行校验。

3、如果要保存一段时间后自动删除,则利用cookie设置有效期限。

为了数据的安全性,最好都进行编码。

如果有理解不对的地方,请指教一二。

个人网站项目中写的一些代码片段如下:

//检测上一次是否勾选了7天自动登录
$("#l_login_name").focus(check_seven_days);
function check_seven_days(){
var login_name = localStorage.getItem("login_name");
var login_pwd = localStorage.getItem("login_pwd");
if(login_name){
$("#l_login_name").val(login_name);
$("#l_password").val(login_pwd);
}
}


//检查是否已经登录过
window.onload = check_if_logined;
function check_if_logined(){
var umail = sessionStorage.getItem("umail");
var upwd = sessionStorage.getItem("upwd");
$.ajax({
type:"post",
url:"php/login_verify.php",
data: {
umail: umail,
upwd: upwd
},
success: function (data) {
if(data.code==1) {
$("#login_option").hide();
$("#welcome").show();
}}
})}
原文地址:https://www.cnblogs.com/Jerry1985/p/5967889.html