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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lms1719/article/details/48004751

一、在你需要使用的界面导入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 下载





猜你喜欢

转载自blog.csdn.net/lms1719/article/details/48004751