在jsp页面的js中使用Cookie的原理介绍以及相应方法的代码

1. 设置COOKIE
　　1.1 每个COOKIE都是一个名/值对&＃xff0c;可以把下面这样一个字符串赋值给document.COOKIE&＃xff1a; 

　　1.2 如果要一次存储多个名/值对&＃xff0c;可以使用分号加空格&＃xff08;; &＃xff09;隔开&＃xff0c;例如&＃xff1a; 

　　1.3 COOKIE的名或值中不能使用分号&＃xff08;;&＃xff09;、逗号&＃xff08;,&＃xff09;、等号&＃xff08;&＃61;&＃xff09;以及空格。在COOKIE的名中做到这点很容易&＃xff0c;但要保存的值是不确定的。如何来存储这些值呢&＃xff1f;

　　　　方法是用escape()函数进行编码&＃xff0c;它能将一些特殊符号使用十六进制表示&＃xff0c;例如空格将会编码为“20%”&＃xff0c;从而可以存储于COOKIE值中&＃xff0c;而且使用此种方案还可以避免中文乱码的出现。例如&＃xff1a;　　

　　　　当使用escape()编码后&＃xff0c;在取出值以后需要使用unescape()进行解码才能得到原来的COOKIE值&＃xff0c;如果没有空格和汉字应该可以直接显示正确的值&＃xff0c;具体遇到再试试吧。

　　1.4 COOKIEs就像一个大盒子&＃xff0c;里面又有好多小盒子&＃xff0c;如下例子&＃xff0c;document.COOKIE相当于找到大盒子&＃xff0c;name相当于将一个小盒子起个名字&＃xff0c;name&＃61;value相当于将value放到名为name的小盒子中&＃xff0c;可以同时存在多个名字不同的小盒子&＃xff0c;如下写法可以存多个值&＃xff1a;

 　　1.5 如果要改变一个COOKIE的值&＃xff0c;只需重新赋值&＃xff0c;如下代码这样获取到的COOKIEs值为"222",而不是"111"&＃xff08;获取问题后面说&＃xff09;。&＃xff1a;

2. 获取COOKIE的值

　　2.1 COOKIE的值可以由document.COOKIE直接获得&＃xff0c;写法如下代码所示&＃xff0c;但是这将获得以分号隔开的多个键/值对所组成的字符串&＃xff0c;这些键/值对包括了该域名下的所有COOKIE&＃xff0c;

 　　2.2 如方法上方法中&＃xff0c;虽然能获取到的COOKIE&＃xff0c;但是用户必须自己分析这个字符串&＃xff0c;来获取指定的COOKIE值&＃xff0c;比较麻烦&＃xff0c;这时有第二种方法&＃xff0c;在最后有说明&＃xff0c;也给出了代码&＃xff0c;简单说就是设置个方法&＃xff0c;直接调用&＃xff0c;急用的朋友可以直接到最后看。

 3. 给COOKIE设置终止日期　　

　　不设置终止时间的COOKIEs都属于单会话COOKIE&＃xff0c;即浏览器关闭后这些COOKIE将会被清除&＃xff0c;因为会话COOKIE是存在内存中的。

　　在实际开发中&＃xff0c;COOKIE常常需要长期保存&＃xff0c;例如保存用户登录的状态&＃xff0c;记住密码&＃xff0c;页面设置等信息。这可以用下面的选项来实现&＃xff1a; 

　　其中GMT_String是以GMT格式表示的时间字符串&＃xff0c;这条语句就是将userId这个COOKIE设置为GMT_String表示的过期时间&＃xff0c;超过这个时间&＃xff0c;COOKIE将会被自动删除&＃xff0c;访问不到。例如&＃xff1a;

　　如果要将COOKIE设置为10天后过期&＃xff0c;可以这样实现&＃xff1a;

4. 删除COOKIE
　　COOKIEs没有直接删除的语句&＃xff08;我没找到&＃xff0c;哪位大神知道求告知...&＃xff09;&＃xff0c;为了达到删除指定COOKIE的方法&＃xff0c;可以将其过期时间设定为一个过去的时间&＃xff0c;例如&＃xff1a;

5. 指定可访问COOKIE的路径

　　　　默认情况下&＃xff0c;如果在某个页面创建了一个COOKIE&＃xff0c;那么该页面所在目录中的其他页面也可以访问该COOKIE。如果这个目录下还有子目录&＃xff0c;则在子目录中也可以访问。

　　例如在 www.xxxx.com/total/main.jsp 中所创建的COOKIE&＃xff0c;可以被 www.xxxx.com/total 或 www.xxxx.com/total/some/c.jsp所访问&＃xff0c;但不能被www.xxxx.com/d.html访问。

　　为了控制COOKIE可以访问的目录&＃xff0c;需要使用path参数设置COOKIE&＃xff0c;语法如下&＃xff1a; 

　　其中total表示可访问COOKIE的目录。例如&＃xff1a; 

       表示当前COOKIE仅能在page目录下使用。

　　如果要使COOKIE在整个网站下可用&＃xff0c;可以将COOKIE的path指定为根目录&＃xff0c;例如&＃xff1a; 

6. 指定可访问COOKIE的主机名&＃xff08;这部分没有亲自实践&＃xff0c;一般不这样用&＃xff09;

　　和路径类似&＃xff0c;主机名是指同一个域下的不同主机&＃xff0c;例如&＃xff1a;www.baidu.com和www.google.com就是两个不同的主机名。默认情况下&＃xff0c;一个主机中创建的COOKIE在另一个主机下是不能被访问的&＃xff0c;但可以通过domain参数来实现对其的控制&＃xff0c;其语法格式为&＃xff1a;

 以google为例&＃xff0c;要实现跨主机访问&＃xff0c;可以写为&＃xff1a;

 这样&＃xff0c;所有google.com下的主机都可以访问该COOKIE。

参考网上的例子&＃xff0c;以及自己实践所得&＃xff0c;写了一个获取和存储COOKIE的js方法&＃xff0c;使用还是挺方便的&＃xff0c;COOKIE是真的好用&＃xff0c;由于js使用session比较麻烦&＃xff0c;写页面还是COOKIE实用

主要参考这位道友的文章&＃xff0c;修改了一些表述方式&＃xff0c;挂上链接&＃xff0c;大家可以做对比参考&＃xff0c;链接&＃xff1a;http://www.cnblogs.com/Jackie-sky/p/3672544.html

综合示例&＃xff1a;COOKIE设置较为复杂&＃xff0c;但是使用频率高&＃xff0c;并具有一定的相似性。因此可以定义几个函数来完成COOKIE的通用操作&＃xff0c;从而实现代码的复用。下面列出了常用的COOKIE操作及其函数实现&＃xff0c;需要的朋友可以复制走&＃xff0c;放到自己的项目就好了。