Cookie實現記住密碼、自動登錄

前端代碼

<form id="form" action="xxx" method="post">
    <div>
        <input type="text" name="account" id="account" placeholder="賬號">
        <input type="text" name="pwd" id="pwd" placeholder="密碼">
    </div>
    <div>
        <ul>
            <li>
                <label>
                    <input type="checkbox" name="checkbox" value="1" checked="checked" />
                    <span></span>
                </label>
                記住密碼
            </li>
            <li>
                <label>
                    <input type="checkbox" name="checkbox" value="2" />
                    <span></span>
                </label>
                自動登錄
            </li>
        </ul>
    </div>
</form>
<a href="javascript:login()">登 錄</a>

<script type="text/javascript">
    function login() {
        $("#form").submit();
    }

    //加載頁面后加載次函數
    $().ready(function() {// 記住密碼功能
        var str = decodeURIComponent(document.cookie.split(';')); // 獲取Cookie
        alert(str);
        // 以下是Cookie數據處理邏輯
        // 不同的項目存儲的Cookie不同，處理數據的邏輯不同
        // 要根據具體的Cookie值來截取賬號、密碼
        if (str.indexOf("loginInfo")>-1) {
            var arr = str.split(",");
            var loginInfo = arr[1];
            var arr = loginInfo.split("+");
            var name = arr[0];
            name = name.substring(name.lastIndexOf("=", name.length - 1) + 1);
            var phone = arr[1];

            //自動填充用戶名和密碼
            $("#name").val(name);
            $("#phone").val(phone);
        }
    });
</script>

后端代碼

// 獲取多選框(checkbox)的值
String[] checkbox = request.getParameterValues("checkbox");

// 判斷是否勾選功能
if (checkbox != null) {// 已勾選功能
    for (String str : checkbox) {
        // 判斷是否勾選記住密碼功能
        if (str.equals("1")) {
            // 組合登錄信息
            String loginInfo = name + "+" + phone;
            // 將登陸信息編碼
            loginInfo = URLEncoder.encode(loginInfo, "UTF-8");
            // 創建Cookie
            Cookie userCookie = new Cookie("loginInfo", loginInfo);
            // 設置Cookie存活期限
            userCookie.setMaxAge(30*24*60*60);//設置存活期一個月
            // 設置所有路徑下共享Cookie
            userCookie.setPath("/");
            // 添加Cookie到服務器響應中
            response.addCookie(userCookie);
        }
        // 判斷是否勾選自動登錄功能
        if (str.equals("2")) {
            session.setAttribute("agent", agent);
        }
    }
} else {// 未勾選功能，或取消勾選功能，刪除Cookie信息
    String loginInfo = name + "+" + phone;
    loginInfo = URLEncoder.encode(loginInfo, "UTF-8");
    Cookie userCookie = new Cookie("loginInfo", loginInfo);
    userCookie.setMaxAge(0);//刪除cookie,只需要將失效時間設置為0即可，其他步驟一樣
    userCookie.setPath("/");
    response.addCookie(userCookie);
}
// 在測試中可能會出現一些問題，清除掉Cookie重新添加，在測試。