javaweb利用cookie记住账号(jquery.cookie.js)
2016-04-15 14:56
651 查看
记住账号最普遍的做法,就是在点击登录时,将账号保存到cookie中。
去找一下这两个文件,引入到你所在的页面。
注意,我使用了spring的security。
创建一份login.js,而且在login.jsp中引入。
当页面载入的时候,先去推断是否有cookie保存,假设有,则将用户名从cookie中取出。显示在用户名输入框中。
当表单进行提交的时候,假设用户选择记住用户名,那么将用户名保存在cookie中,否则,删除相应的cookie信息。
总结:假设你想保存密码,当然和用户名差点儿相同,只是你须要jquery.md5.js这样一份文件,用来将你保存的密码显示在密码框中。
<script src="../js/jquery-1.7.2.js"
type="text/javascript"></script>
<scriptsrc="../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>密 码:</label> <input type="password" name="j_password" size="20" class="login_input" /> </p> <p> <input type="checkbox" value="true" id="j_remember"/><label> </label>记住我的账号 </p> <div class="login_bar"> <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')=='checked') { $.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 }); } else { $.cookie(COOKIE_NAME, null, { path: '/' ,expires:-1}); //删除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:’/’,expires:-1}); |
相关文章推荐
- JQuery基本语法(部分)
- 快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
- jquery + ajax 局部刷新
- 两种方式解决jquery Ajax 发送中文乱码的方法,
- jquery.validate+jquery.form提交的三种方式
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery笔记
- 基于jquery的tabsUI实现思路
- drupal7网站定制主题中使用定制jquery脚本
- Jquery弹窗跳转
- jQuery实现下拉框左右移动(全部移动,已选移动)
- 关于 JavaScript & jQuery 操作 标签
- php基于jquery的ajax技术传递json数据简单实例
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- jQuery调用WebMethod(PageMethod) NET2.0的方法
- ie中显示$未定义
- js表单校验方法(JQuery-Validate使用方法)
- jQuery实现可编辑表格
- 可编辑的表格:jQuery+PHP实现实时编辑表格字段内容
- jQuery使用cookie与json简单实现购物车功能