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