JavaWeb利用cookie记住账号

JavaWeb利用cookie记住账号。

首先，来看看界面什么样子。

记住账号最普遍的做法，就是在点击登录时，将账号保存到cookie中。

材料准备

<script src="${ctx}/background/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="${ctx}/background/js/jquery.cookie.js" type="text/javascript"></script>

去找一下这两个文件，引入到你所在的页面。

form表单

<form action="${ctx}/j_spring_security_check" method="post" id="login_form"><p><label>用户名：</label><input type="text" name="j_username" id="j_username" size="20" class="login_input" autocomplete="off"/></p><p><label>密&nbsp;&nbsp;&nbsp;码：</label><input type="password" name="j_password" size="20" class="login_input" /></p><p><input type="checkbox" value="true" id="j_remember"/><label>&nbsp;&nbsp;&nbsp;&nbsp;</label>记住我的账号</p><div class="login_bar">&nbsp;&nbsp;<input class="sub" type="submit" value=" " /></div></form>

注意，我使用了spring的security。

核心内容

创建一份login.js，并且在login.jsp中引入。

var COOKIE_NAME = 'sys__username';
$(function() {if ($.cookie(COOKIE_NAME)){$("#j_username").val($.cookie(COOKIE_NAME));$("#j_password").focus();$("#j_remember").attr('checked', true);} else {$("#j_username").focus();}$("#login_form").submit(function(){var $remember = $("#j_remember");if ($remember.attr('checked')) {$.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });} else {$.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie}});});

当页面加载的时候，先去判断是否有cookie保存，如果有，则将用户名从cookie中取出，显示在用户名输入框中。
当表单进行提交的时候，如果用户选择记住用户名，那么将用户名保存在cookie中，否则，删除对应的cookie信息。

cookie方法介绍

实例	方法	备注
创建一个会话cookie	$.cookie(‘cookieName’,’cookieValue’);	所创建的cookie有效期默认到用户浏览器关闭止，故被称为会话cookie。
创建一个持久cookie	$.cookie(‘cookieName’,’cookieValue’，｛expires：15｝);	当指明时间时，故称为持久cookie，并且有效时间为15天。
创建一个持久并带有效路径的cookie	$.cookie(‘cookieName’,’cookieValue’，｛expires：15，path：’/’｝);	如果不设置有效路径，在默认情况下，只能在cookie设置当前页面读取该cookie，cookie的路径用于设置能够读取cookie的顶级目录。
获取cookie	$.cookie(‘cookieName’);	如果存在则返回cookieValue，否则返回null
删除cookie	$.cookie(‘cookieName’,null);	如果想删除一个带有效路径的cookie，如下：$.cookie(‘cookieName’,null,{path:’/’});

总结：如果你想保存密码，当然和用户名差不多，不过你需要jquery.md5.js这样一份文件，用来将你保存的密码显示在密码框中。

JavaWeb利用cookie记住账号相关推荐

C# ASP.NET MVC:使用Cookie记住账号密码
MVC记住账号密码使用cookie操作前端: 1 <div> 2 用户名:<input type="text" id="UserName" ...
利用cookie免账号密码登录b站
document.cookie ="SESSDATA=49d4147c%256557247677%2Cf295e641;domain=.bilibili.com;path=/"; ...
Jsp使用Cookie完成记住账号密码的功能
网站中对于记住账号密码,方便下次登录的使用非常普遍,那么它是怎么实现的呢? 首先他的流程是,设计一个复选框,当选中复选框时,就会传值到处理页面,复选框的用途就是判断用户是否愿意记住账号密码. 我们通过 ...
php让手机浏览器记住密码,php 利用cookie实现网页记住用户名和密码的功能
这篇文章介绍的内容是关于php 利用cookie实现网页记住用户名和密码的功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1.html部分记住账号密码记住用户名和密码用户 ...
php记住用户名功能,php利用cookie实现网页记住用户名和密码的功能
这篇文章介绍的内容是关于php 利用cookie实现网页记住用户名和密码的功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1.html部分记住账号密码记住用户名和密码用户 ...
利用SharedPreferences完成记住账号密码的功能
利用SharedPreferences完成记住账号密码的功能效果图: 记住密码后,再次登录就会出现账号密码,否则没有. 分析: SharedPreferences可将数据存储到本地的配置文件中 Sh ...
ssm实现记住账号密码（cookie）
cookie实现记住账号密码 1.需要实现的功能? 2.实现思路 3.后端代码 1.需要实现的功能? 在我们登陆的时候,页面有一个记住密码的单选框,如果用户勾选了记住密码,那么下次登陆的时候,就无需输 ...
JS读取cookie（记住账号密码）
很多登录功能上都有个"记住密码"的功能,其实无非就是对cookie的读取. 下面展示这个功能的代码,原作者已无法考究.... 测试方法:直接输入账号密码,提交后,刷新页面,再输入同 ...
使用Cookie记住多个登录账号！
看下图:只要是多个不同的用户在这台电脑上用了他们的账号登录成功了,就记住他们的账号信息,但是为了安全起见,密码就不写入到Cookie中了,就算是加密了的密码也不要写入到Cookie中!我们只向Cook ...