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