jquery.cookie.js操作cookie实现“记住密码”

最新推荐文章于 2025-06-27 16:10:28 发布

转载最新推荐文章于 2025-06-27 16:10:28 发布 · 901 阅读

文章标签：

#存储 #function

Java 专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一种使用jQuery插件 ($.cookie) 来实现记住用户登录信息的功能，包括如何设置和读取带有有效期的cookie，以及如何在用户选择不保存密码时删除相应的cookie。

//初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie("passWord")); } });

//保存用户信息 function saveUserInfo() { if ($("#rmbUser").attr("checked") == true) { var userName = $("#user").val(); var passWord = $("#pass").val(); $.cookie("rmbUser", "true", { expires: 7 });// 存储一个带7天期限的 cookie $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie } else { $.cookie("rmbUser", "false", { expires: -1 }); $.cookie("userName", '', { expires: -1 }); $.cookie("passWord", '', { expires: -1 }); } }

最重要的几行代码：

$.cookie(‘the_cookie’); // 读取 cookie
$.cookie(‘the_cookie’, 'the_value’); // 存储 cookie
$.cookie(‘the_cookie’, 'the_value’, { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie(‘the_cookie’, '', { expires: -1 }); // 删除 cookie