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

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

 

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();
    }}
})}