Jquery对Cookie的操作

时间：2023-03-08 22:40:10

第一步：先引用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值

比较完整的代码：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

     <script src="Js/jquery-1.9.1.min.js" type="text/javascript"></script>

     <script src="jquery.cookie.js" type="text/javascript"></script>

     <script type="text/javascript">

         $(function () {

             $("#CreateCookie").click(function () {  //写cookie

                 $.cookie("cookieName", "cookieValue", { expires: 10, //有效日期  以 天 为单位 如果此项未设置则 浏览器关闭时就失效

                     path: "/", //cookie的路径

                 });

             });

             $("#readCookie").click(function () {

                 var cookieVal = $.cookie("cookieName"); //读cookie

                 alert(cookieVal);

             });

             $("#setCookieVal").click(function () {

                 $.cookie("cookieName","CookieVal"); //设置cookie值，如果没有名称为cookieName 的cookie则创建

             });

             $("#delCookieVal").click(function () {

                 $.cookie("cookieName",null); //删除cookie值

             });

         });

     </script>

 </head>

 <body>

     <input type="button" id="CreateCookie" value="创建cookie" />

     <input type="button" id="readCookie" value="读取cookie" />

     <input type="button" id="setCookieVal" value="设置cookie" />

     <input type="button" id="delCookieVal" value="删除cookie" />

 </body>

 </html>

相关参数的解释：
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 即可。

相关文章