jquery.cookie.js 操作cookie实现记住密码功能的实现代码-优快云博客

本文介绍了一种利用jQuery插件$.cookie来实现用户登录信息的保存与读取的方法。通过简单的JavaScript函数，可以在用户的浏览器中存储登录状态、用户名及密码，并在下次访问时自动填充这些信息。

复制代码代码如下:

//初始化页面时验证是否记住了密码

$(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