Jquery对Cookie的操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery对Cookie的操作相关的知识,希望对你有一定的参考价值。

第一步:先引用jQuery的插件jquery-1.9.1.min.js

第二步:引用jquery.cookie.js插件

下对cookie的操作:

$.cookie("cookieName", "cookieValue", { expires: 10, //有效日期  以 天 为单位 如果此项未设置则 浏览器关闭时就失效
                    path: "/" //cookie的路径
            //,secure:true //默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)
}); var cookieVal = $.cookie("cookieName"); //读cookie alert(cookieVal); $.cookie("cookieName","CookieVal"); //设置cookie值,如果没有名称为cookieName 的cookie则创建 $.cookie("cookieName",null); //删除cookie值

 

比较完整的代码:

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <script src="Js/jquery-1.9.1.min.js" type="text/javascript"></script>
 6     <script src="jquery.cookie.js" type="text/javascript"></script>
 7     <script type="text/javascript">
 8         $(function () {
 9             $("#CreateCookie").click(function () {  //写cookie
10                 $.cookie("cookieName", "cookieValue", { expires: 10, //有效日期  以 天 为单位 如果此项未设置则 浏览器关闭时就失效
11                     path: "/", //cookie的路径
12                 });
13             });
14 
15             $("#readCookie").click(function () {
16                 var cookieVal = $.cookie("cookieName"); //读cookie
17                 alert(cookieVal);
18             });
19 
20             $("#setCookieVal").click(function () {
21                 $.cookie("cookieName","CookieVal"); //设置cookie值,如果没有名称为cookieName 的cookie则创建
22             });
23 
24             $("#delCookieVal").click(function () {
25                 $.cookie("cookieName",null); //删除cookie值
26             });
27 
28         });
29     </script>
30 </head>
31 <body>
32     <input type="button" id="CreateCookie" value="创建cookie" />
33     <input type="button" id="readCookie" value="读取cookie" />
34     <input type="button" id="setCookieVal" value="设置cookie" />
35     <input type="button" id="delCookieVal" value="删除cookie" />
36 </body>
37 </html>
View Code

 相关参数的解释:
1、expires: 365
定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2、path: ‘/‘
默认情况:只有设置cookie的网页才能读取该cookie。定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: ‘/‘。如果你想删除一个定义了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie(‘the_cookie‘, null,{ path: ‘/‘ });。

3、domain: ‘example.com‘
默认值:创建 cookie的网页所拥有的域名。

4、secure: true
默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

5、raw: true
默认值:false。
默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

以上是关于Jquery对Cookie的操作的主要内容,如果未能解决你的问题,请参考以下文章

jquery操作cookie

十条实用的jQuery代码片段

js代码片段: utils/lcoalStorage/cookie

高效Web开发的10个jQuery代码片段

jquery.cookie中的操作

jquery cookie 问题