讓網頁記住登錄狀態，以及自動登錄

大部分網站都有注冊登錄的功能，為了給用戶良好的體驗，盡量減少用戶的操作次數，經常需要在客戶端記下賬號和密碼，便於用戶下次自動登錄。

 

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