java操作Cookie---javax.servlet.http.Cookie
1.增加一个Cookie
Cookie cookie = new Cookie("username","zhangsan"); cookie.setPath("/"); cookie.setMaxAge(7*24*3600);//设置生存期7天 response.addCookie(cookie);
2.读取Cookie
String username=""; Cookie[] cookies = request.getCookies(); for (Cookie cookie : cookies){ if (cookie.getName().equals("username")){ username = cookie.getValue(); } }
3.删除Cookie
Cookie cookie = new Cookie("username",null); cookie.setPath("/"); cookie.setMaxAge(0); response.addCookie(cookie);
为了方便操作,将其封装进CookieUtil类中,如下:
import javax.servlet.http.Cookie; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class CookieUtil { /** * 增加一个Cookie */ public static void addCookie(HttpServletResponse response,String name,String value,int maxAge){ Cookie cookie = new Cookie(name,value); cookie.setPath("/"); if (maxAge>0){ cookie.setMaxAge(maxAge); } response.addCookie(cookie); } /** * 根据name获取Cookie的value值 */ public static String getCookieValue(HttpServletRequest request,String name){ Cookie[] cookies = request.getCookies(); for (Cookie cookie : cookies) { if (cookie.getName().equals(name)){ return cookie.getValue(); } } return null; } /** * 根据name获取Cookie */ public static Cookie getCookieByName(HttpServletRequest request,String name){ Cookie[] cookies = request.getCookies(); for (Cookie cookie : cookies) { if (cookie.getName().equals(name)){ return cookie; } } return null; } /** *删除Cookie */ public static void clear(HttpServletResponse response,String name){ addCookie(response,name,null,0); } }
此时再进行操作就很方便了:
1.增加一个Cookie
CookieUtil.addCookie(response,"username","zhangsan",7*24*3600);
2.读取Cookie
String username = CookieUtil.getCookieValue(request,"username");
3.删除Cookie
CookieUtil.clear(response,"username");
jQuery操作Cookie---jquery.cookie.js
在jQuery中,引入Cookie插件后,可以很方便地定义某个cookie名称,并设置cookie值。
所需js文件:jquery-1.11.3.js 和 jquery.cookie.js
在导入cookie插件后,可以通过一个全局性的方法管理客户端的cookie对象,格式如下:
$.cookie(名称, 值, [option])
如果是写入或设置cookie值,其调用的格式如下:
$.cookie(cookieName, cookieValue)
如果是读取cookie值,其调用的格式如下:
$.cookie(cookieName)
如果是销毁cookie值,其调用的格式如下:
$.cookie(cookieName, null)
在方法$.cookie()中,可选项参数[option]以对象的形式展示,用于补充说明设置的cookie对象,其常用的属性如下:
$.cookie(cookieName, cookieValue, { expires: //有限日期,可以是一个整数或一个日期(单位:天) path: //cookie值被保存的路径,默认值与创建页路径一致 domain: //cookie域名属性,默认值与创建页域名一样 secure: //一个布尔值,表示传输cookie值时,是否需要一个安全协议 })
请看如下示例:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>cookie插件</title> <script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <style type="text/css"> body{font-size:13px} .divFrame{width:260px;border:solid 1px #666} .divFrame .divTitle{padding:5px;background-color:#eee;font-weight:bold} .divFrame .divContent{padding:8px;line-height:1.6em} .divFrame .divBtn,#divData{padding-bottom:8px;padding-left:8px} .txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px} .btn {border:#666 1px solid;padding:2px;width:80px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} </style> <script type="text/javascript"> $(function() { if ($.cookie("UserName")!="null") { //如果有值,则显示在文本框中 $("#UserName").val($.cookie("UserName")); $("#UserPass").val($.cookie("UserPass")); } $("#sbtUser").click(function() { //表单提交事件 if ($("#chkSave").prop("checked")) { //如果选中了保存"用户名"项 $.cookie("UserName", $("#UserName").val(), {path: "/", expires: 7} )//设置Cookie值,有效期为7天 $.cookie("UserPass", $("#UserPass").val(), {path: "/", expires: 7} ) }else { $.cookie("UserName", null, {path: "/"})//销毁Cookie值 $.cookie("UserPass", null, {path: "/"}) } // return false; //表单不提交 }) }) </script> </head> <body> <form method="post" action="login.do"> <div class="divFrame"> <div class="divTitle">用户登录</div> <div class="divContent"> <div>用户名:<br /><input id="UserName" name="UserName" type="text" class="txt" /></div> <div>密码:<br /><input id="UserPass" name="UserPass" type="password" class="txt" /></div> <div><input id="chkSave" type="checkbox" checked />记住我</div><%--默认为选中--%> </div> <div class="divBtn"> <input id="sbtUser" type="submit" value="提交" class="btn" /> </div> </div> </form> </body> </html>
代码执行后的效果如下:
左图为首次登陆的界面,右图为下次登陆的页面