cookie关于记住账号的简单使用

最新推荐文章于 2022-08-22 16:17:03 发布

飞血泪无痕

最新推荐文章于 2022-08-22 16:17:03 发布

阅读量6.9k

点赞数 3

分类专栏： cookie记住密码文章标签： cookie记住密码使用

本文链接：https://blog.youkuaiyun.com/u014001866/article/details/50322295

版权

cookie记住密码专栏收录该内容

1 篇文章

订阅专栏

cookie是什么
cookie怎么简单记住客户端账户,免登陆

cookie是什么？

甜甜圈，其实cookie简单理解就是客户端用来放一些键值对的客户端对象，把它简单理解成一个放在客户端的Map。

cookie简单使用来记录客户端账户免输密码账户

1：首先应该引入两个jquery的库

注：引入jquery.js和jquery.cookie.js ，这边jquery.js的放置顺序一定要在jquery.cookie.js之前，这和引用boostrap是一样的.其他废话不说，贴代码

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

$(function(){
	if ($.cookie("rmbuser") == "true") { 
//		$("#rmbuser").attr("checked", true); 
		$("#userName1").val($.cookie("username")); 
		$("#password1").val($.cookie("password")); 
		$("#rmbuser").attr('checked','true');
	} 
	
}); 

var count=0
//保存用户信息 
function saveuserinfo() { 
	count=count+1;
	if(count%2==1) { 
		$.cookie("rmbuser", "false", { expires: -1 }); 
		$.cookie("username", '', { expires: -1 }); 
		$.cookie("password", '', { expires: -1 }); 		
	} 
	else { 
		alert($("#rmbuser").attr("checked"));
		var username = $("#userName1").val(); 
		var password = $("#password1").val(); 
		$.cookie("rmbuser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie 
		$.cookie("username", username, { expires: 7 }); // 存储一个带7天期限的 cookie 
		$.cookie("password", password, { expires: 7 }); // 存储一个带7天期限的 cookie 
		
	} 
}

</pre><pre name="code" class="javascript">//登录界面的简洁版

<body>
<h1>欢迎来到登录页面</h1>
<hr style="border: 2px solid #eee"/>
<div class="loginForm" style="text-align:center;margin:0px auto;padding-top:200px">
	<form action="$!{request.contextPath}/user/login" method="post">
		<input type="text" name="userName" placeholder="请输入用户名" id="userName1"/><br/>
		<input type="password" name="password" placeholder="请输入密码" id="password1" style="margin-top: 5px"/><br/>
		<input type="checkbox"  id="rmbuser" οnclick="saveuserinfo()" checked="true"/>记住我一周<br/><br/>
		<input type="submit" value="确定">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <input type="reset" value="重置">
        </form>
</div>
</body>





 <!-- <script src="$request.contextPath/assets/lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>  -->
    <script src="$request.contextPath/assets/lib/jquery/2.1.4/jquery.cookie.js"></script>
  <script src="$request.contextPath/assets/js/login.js"></script>
</body>