新普京网站-澳门新普京 > 新普京网站 > cookie用法详细解析

cookie用法详细解析

2020/01/05 01:39

一、jquery.cookie.js介绍

Cookie是由劳务器端生成,发送给User-Agent(经常是浏览器),浏览器会将Cookie的key/value保存到有些目录下的文书文件内,后一次呼吁同一网址时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。

jquery.cookie.js是八个依照jquery的插件,三个轻量级的cookie 插件,能够读取、写入、删除 cookie。

诸如购物网址存款和储蓄顾客曾经浏览过的制品列表,可能门户网址记住顾客垂怜筛选浏览哪一类消息。 在顾客同意的情事下,还能存款和储蓄客户的报到音信,使得顾客在探望网址时没有必要每趟都键入这几个音讯?

jquery.cookie.js能够从Github上边得到源码

怎么在js/jquery中操作管理cookie这?明天享受三个cookie操作类--jQuery.Cookie.js,是三个轻量级的库克ie处理插件。

二、jquery.cookie.js的骨干用法介绍

Cookie下载地址: .

jQuery操作cookie的插件,大致的应用办法如下:

特意提示,前日发掘四个特意的失实,google浏览器提醒:has no method $.cookie。火狐浏览器提醒:$.cookie is not a function;调节和测量试验了半天,终于找到原因,假使同三个页面若干遍依然频仍引进Jquery插件就能够报此错误。

1. 读取Cookie值

  使用方式:

$.cookie; //假若存在则赶回cookieValue,不然再次来到null。

  1、引入jQuery与jQuery.Cookie.js插件。

2. 设置cookie的值

 

私下认可设置。当未有指明cookie时间时,所创制的cookie保藏期暗中同意到客户浏览器关闭止,故被可以称作会话cookie。

复制代码代码如下:

$.cookie('the_cookie', ‘the_value');

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

安装临时间的cookie。 当指明时间时,故称为持久cookie,并且有效时间为天。

 

$.cookie(‘cookieName','cookieValue', {expires:7});

2.将cookie写入文件

安装有路子的cookie 。假设不设置有效路径,在暗中认可境况下,只可以在cookie设置当前页面读取该cookie,cookie的不二等秘书诀用于安装能够读取cookie的头等目录。

?

$.cookie(‘cookieName','cookieValue', {expires:7, path:'/'});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var COOKIE_NAME = 'username'
 if( $.cookie(COOKIE_NAME) ){ 
   $("#username").val( $.cookie(COOKIE_NAME) ); 
 
 $("#check").click(function(){ 
   if(this.checked){ 
     $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
     //var date = new Date(); 
     //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
     //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
   }else
     $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
   
 });

设置一定网址的cookie 。

函数。

$.cookie(‘cookieName','cookieValue',{expires:7, path:'/' , domain: ‘souvc.com' , secure: false , raw:false});

   语法:$.cookie(名称,值,[option])

1).expires: 365

   (1)读取cookie值

定义cookie的有效性时间,值能够是三个数字或三个Date 对象。借使轻巧,那么创设的cookie是会话cookie,将在客户退出浏览器时被去除。

   $.cookie(cookieName卡塔尔         cookieName:要读取的cookie名称。

//注:在私下认可意况下,只有设置 cookie的网页工夫读取该 cookie。若是想让一个页面读取另三个页面设置的cookie,必需安装cookie的门路。cookie的门路用于安装能够读取 cookie的五星级目录。将以此路子设置为网址的根目录,可以让抱有网页都能互相读取 cookie 。

身体力行:$.cookie("username"State of Qatar; 读取保存在cookie中称之为的username的值。

expires: 有效期,能够安装贰个子弹头作为保藏期,也足以设置三个日期对象作为Cookie的晚点日期。假诺钦命日期为负数,那么此cookie将被删除;假诺不安装或许设置为null,那么此cookie将被当做Session Cookie管理,况且在浏览器关闭后删除。

   (2State of Qatar写入设置Cookie值:

var COOKIE_NAME = 'username';if( $.cookie{$.val( $.cookie;}$.click{if{$.cookie(COOKIE_NAME, $ , { path: '/', expires: 10 });//var date = new Date();//date.setTime + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期//$.cookie(COOKIE_NAME, $, { path: '/', expires: date });}else{$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie}});

   $.cookie(cookieName,cookieValue卡塔尔(قطر‎;  cookieName:要设置的cookie名称,cookieValue表示相呼应的值。

2).path: '/'

   示例:$.cookie("username","admin"); 将值"admin"写入cookie名为username的cookie中。

默许景况:唯有设置cookie的网页技能读取该cookie。 定义cookie的得力渠道。默许情形下, 该参数的值为开创 cookie 的网页所在路径 。 假诺你想在整个网址中做客那么些cookie必要如此设置有效渠道:path: '/'。

      $.cookie("username",NULLState of Qatar;   销毁名叫username的cookie

假如你想删除三个概念了卓有功用路线的 cookie,你须要在调用函数时带有这一个路子:$.cookie('the_cookie', null, { path: '/' }State of Qatar;。 domain: 'example.com' 默许值:创造cookie的网页所具有的域名。

   (3) [option]参数表明:

3卡塔尔(قطر‎. domain:创制cookie所在网页所怀有的域名;

     expires:  有限日期,能够是叁个大背头或三个日期(单位:天State of Qatar。  这一个地点也要注意,假诺不设置这么些事物,浏览器关闭之后此cookie就失效了

4State of Qatar. secure:暗许是false,若是为true,cookie的传输左券需为https;raw:默以为false,读取和写入时候自动举办编码和平解决码(使用encodeU哈弗IComponent编码,使用decodeUCR-VIComponent解码),关闭那些作用,请设置为true。

     path:    cookie值保存的渠道,暗中认可与创立页路线意气风发致。

3. 删除cookie 。

domin: cookie域名属性,暗中同意与创设页域名近似。  那一个地点要一定注意,跨域的定义,假设要主域名二级域名有效则要设置  ".xxx.com"

$.cookie; //删除七个cookie

secrue:   贰个布尔值,表示传输cookie值时,是还是不是要求三个安全磋商。

$.cookie(‘cookieName',null,{path:'/'}卡塔尔(قطر‎; //注:假诺想删除一个带有效路线的cookie

     示例:

三、使用办法

 

先是包括jQuery的库文件,在前边包罗 jquery.cookie.js 的库文件。

复制代码代码如下:

  记住用户登录 .lr-remUser {color: #9d9d9d;cursor: pointer;font-size: 14px;line-height: 25px;padding-left: 30px;} 

//按照状态读取是否显示昵称if  == "true") {$.addClass;//如果是选中,那么给上选中的标志$.val;//记录账号} //验证记住帐号function vailRememberNickName(){if.hasClass{var nickName = $;$.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie$.cookie("nickName", nickName, { expires: 7 }); // 存储一个带7天期限的 cookie}else {$.cookie("rmbUser", "false", { expires: -1 });$.cookie("nickName", '', { expires: -1 });}} 

$.cookie("like", $(":radio[checked]").val(), { 
          path: "/", expiress: 7 
        })

  1. 下一场在点击登入的时候进行调用这些办法。

    //登入提交表单$.on{var form = $;ifreturn;ifreturn;vailRememberNickName;

  2. 报到查看浏览器调控台效果与利益如下:

  3. 退出登陆的时候能够阅览登陆框的效果与利益:

 

上述内容是作者给大家介绍的Jquery操作cookie记住顾客名的有关表达,希望对大家具备利于!

叁个完全设置与读取cookie的页面代码:

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>jQuery学习2</title>
  <script src="jQuery.1.8.3.js" type="text/javascript"></script>
  <script src="jquery.cookie.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#username").val($.cookie("username"));
      if ($.cookie("like") == "刘德华") {
        $(":radio[value='刘德华']").attr("checked", 'checked')
      }
      else {
        $(":radio[value='张学友']").attr("checked", 'checked')
      }
      $(":button").click(function () {
        $.cookie("username", $("#username").val(), {
          path: "/", expires: 7
        })
        $.cookie("like", $(":radio[checked]").val(), {
          path: "/", expiress: 7
        })
      })
    })
  </script>
</head>
<body>
  <p><input type="text" id="username" value="" /></p>
  <p>
    <input type="radio" name="like" value="刘德华" />刘德华
    <input type="radio" name="like" value="张学友" />张学友
  </p>
  <p><input type="button" value="保存" /></p>
</body>
</html>

cookie本质上是三个txt文本,因而只好够存入字符串,对象经常要类别化之后才具存入cookie,而取的时候要反体系才又能赢得目的。

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(function () {
     if ($.cookie("o") == null) {
       var o = { name: "张三", age: 24 };
       var str = JSON.stringify(o);  //对序列化成字符串然后存入cookie
       $.cookie("o", str, {
         expires:7  //设置时间,如果此处留空,则浏览器关闭此cookie就失效。
       });
       alert("cookie为空");
     }
     else {
       var str1 = $.cookie("o");
       var o1 = JSON.parse(str1);  //字符反序列化成对象
       alert(o1.name);        //输反序列化出来的对象的姓名值
     }
   })

四个轻量级的cookie插件,能够读取、写入、删除cookie。

jquery.cookie.js的配置

先是包罗jQuery的库文件,在后边满含jquery.cookie.js的库文件

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

上一篇:JavaScript面向对象程序设计教程_javascript技巧_脚本之家 下一篇:没有了