JavaWeb利用cookie记住账号

原创 2015年07月10日 13:56:48

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
        }
    });

});
  1. 当页面加载的时候,先去判断是否有cookie保存,如果有,则将用户名从cookie中取出,显示在用户名输入框中。
  2. 当表单进行提交的时候,如果用户选择记住用户名,那么将用户名保存在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这样一份文件,用来将你保存的密码显示在密码框中。

版权声明:本文出自沉默王二的博客,转载必须注明出处。技术交流群 120926808 举报

相关文章推荐

javaweb利用cookie记住账号(jquery.cookie.js)

记住账号最普遍的做法,就是在点击登录时,将账号保存到cookie中。 "../js/jquery-1.7.2.js" type="text/javascript">script>  scri...

JavaWeb利用cookie记住账号

JavaWeb利用cookie记住账号

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

JS读取cookie(记住账号密码)

很多登录功能上都有个“记住密码”的功能,其实无非就是对cookie的读取。 下面展示这个功能的代码,原作者已无法考究。。。。 测试方法:直接输入账号密码,提交后,刷新页面,再输入同样的账号...

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

cookie是什么 cookie怎么简单记住客户端账户,免登陆 cookie是什么? 甜甜圈,其实cookie简单理解就是客户端用来放一些键值对的客户端对象,把它简单理解成一个放在客...

Jsp使用Cookie完成记住账号密码的功能

网站中对于记住账号密码,方便下次登录的使用非常普遍,那么它是怎么实现的呢? 首先他的流程是,设计一个复选框,当选中复选框时,就会传值到处理页面,复选框的用途就是判断用户是否愿意记住账号密码。 我们...

php持久登录、记住我功能实现

永久登录指的是在浏览器会话间进行持续验证的机制。换句话说,今天已登录的用户明天依然是处于登录状态,即使在多次访问之间的用户会话过期的情况下也是这样。永久登录的存在降低了你的验证机制的安全性,但它增加了...

个人对页面记住账户密码的cookie方法的一些尝试

引言 最近因为项目需求,所以对页面的cookie做了一些尝试,当勾选了记住账户密码的时候就可以在下次登录的时候不必再重新输入账号密码,下面我就其具体实现说明一下。 上面的是先添加设置cookie,...

利用Cookie实现记住用户名的功能

这里我们是在servlet中实现的,客户端也是servlet 下面客户端,我们有一个简单的登陆界面。 我们会在登陆一次后接收到服务器端传来的cookie。public void doGet(Htt...

通过cookie记住用户名和密码

1.登陆页面如下: 每个字段对应的属性name如下表: 用户帐号 name 登陆密码 password 验证码 checkNum ...

登陆时候记住账号密码

pageEncoding="UTF-8"%>     String path = request.getContextPath(); String basePath = request.get...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)