cookie的存儲和獲取

在做用戶登錄時經常會用到cookie,如何將用戶名和密碼保存至cookie中呢?如何獲取cookie中的數據呢?

一、用jquery.cookie.js保存數據

　　在頁面內引入jQuery.cookie.js，如果在頁面上有 記住密碼 這個單選框，判斷checked是否為true。

　　-----如果是，獲取用戶名和密碼框的值，$.cookie(id，對應id存儲的值，{expires：存儲的期限})

　　　　if($("#rememberme").prop("checked") == true) {
            var userName = $("#user").val();
            var passWord = $("#psw").val();
            $.cookie("rememberme", "true", {expires: 7}); // 存儲一個帶7天期限的 cookie
            $.cookie("user", userName, {expires: 7}); 
            $.cookie("psw", passWord, {expires: 7}); 
        }

　　-----如果沒有勾選 記住密碼，設置存儲期限為-1即可

　　這樣提交之后cookie中就會存儲這些數據啦!

　　你可以打開控制台 選中Application-->Storage-->Cookie進行查看

二、獲取cookie中的數據

　　方法 ：$.cookie(name)

　　例：$.cookie('rememberme')，$.cookie('user')，$.cookie('psw')

　　如果cookie設置的期限還沒過，我們就需要將cookie中的數據顯示到頁面上，先判斷cookie中的rememberme是否為true，如果為true，將cookie中的值賦給對應的文本框，勾選記住密碼單選框。

if($.cookie('rememberme')==='true'){
        $("#user").val($.cookie('user'));
        $("#psw").val($.cookie('psw'));
        $("#rememberme").prop('checked',true);
}