在做用户登录时经常会用到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);
}