您的位置:首页 > Web前端 > JQuery

使用jquery.cookie.js实现记住用户信息(下面以web的记住登录名和密码为例进行说明)

2015-08-26 16:19 1211 查看
一、在你需要使用的界面导入jquery.cookie.js(改js包在文章尾部提供给大家)

<script type="text/javascript" src="(根据你的路径来定)/jquery.cookie.js"></script>


二、在页面初始化时验证是否记住了用户名和密码

$(document).ready(function() {
if($.cookie("rememberUser") == "true") { //"rememberUser"是记住密码选择框的id名
$("#rememberUser").attr("checked", true);
$("#username").val($.cookie("username"));
$("#password").val($.cookie("password"));
}
});


三、在登录成功后调用一下方法记住用户名和密码

function saveUserInfo() { <span style="font-family: Arial, Helvetica, sans-serif;">//保存用户信息 </span>
if ($("#rememberUser").attr("checked") == true) {
var username = $("#username").val();
var password = $("#password").val();
$.cookie("rememberUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("username", username, { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("password", password, { expires: 7 }); // 存储一个带7天期限的 cookie
}
else {
$.cookie("rememberUser", "false", { expires: -1 });
$.cookie("username", '', { expires: -1 });
$.cookie("password", '', { expires: -1 });
}
}


jquery.cookie.js 下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: