cookie用法详细解析,快速学习jQuery插件

作者: 网络应用  发布:2019-09-03

Cookie是网址设计者放置在客商端的小文本文件。库克ie能为客户提供点不清的驱动,举例购物网址存款和储蓄客户曾经浏览过的成品列表,恐怕门户网址记住客商喜好选取浏览哪个种类音信。 在客户同意的情景下,还能存款和储蓄顾客的记名音信,使得客商在拜见网址时不用每一回都键入那些新闻
行使方法:
1.引入jquery.cookie.js

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

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

比如说购物网址存款和储蓄顾客曾经浏览过的产品列表,或然门户网址记住客商喜好采纳浏览哪一类新闻。 在顾客同意的情况下,还是能存款和储蓄客户的报到音讯,使得客商在拜访网址时没有必要每一遍都键入那一个音讯?

2、方法

怎么在js/jquery中操作管理cookie那?先天享受几个cookie操作类--jQuery.Cookie.js,是三个轻量级的Cookie管理插件。

1).新增加加三个会话 cookie:$.cookie('the_cookie', 'the_value');

Cookie下载地址: .

注:当未有指明 cookie有效时间时,所创办的cookie保质期暗中同意到顾客关闭浏览器甘休,所以被喻为“会话cookie(session cookie)”。

特意提醒,明日发觉八个特意的谬误,google浏览器提醒:has no method $.cookie。火狐浏览器指示:$.cookie is not a function;调节和测验了半天,终于找到原因,即使同一个页面一遍照旧频仍引进Jquery插件就能报此错误。

2).成立贰个cookie并安装有效时间为 7天:$.cookie('the_cookie', 'the_value', { expires: 7 });

  使用办法:

注:当指明了cookie有效时间时,所创造的cookie被喻为“持久 cookie (persistent  cookie)”。

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

3).创造三个cookie并安装 cookie的实用路线:$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

复制代码 代码如下:

注:在暗中同意景况下,唯有设置 cookie的网页技能读取该 cookie。假诺想让二个页面读取另多个页面设置的cookie,必需安装cookie的门路。cookie的门路用于安装可以读取 cookie的五星级目录。将以此路子设置为网址的根目录,可以让具备网页都能相互读取 cookie (一般不要这么设置,幸免出现争论) 。

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

4).读取cookie:

2.将cookie写入文件

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null
 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  
    }  
  });

5).删除cookie,通过传递null作为cookie的值就可以:$.cookie('the_cookie', null);

函数。

3.将cookie写入文件

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

 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 
    } 
  }); 

   (1)读取cookie值

参数设置:
expires: (Number | Date)  :保质期,能够安装二个整数作为保藏期(单位:天),也可以设置三个日期对象作为库克ie的晚点日期。假诺钦命日期为负数,那么此cookie将被删去;假若不安装或许安装为null,那么此cookie将被看做Session Cookie管理,并且在浏览器关闭后去除
path:  (String) : Cookie的路线属性,暗许是创立该cookie的页面路线
domain: (String)  : Cookie的域名属性,私下认可是创建该cookie的页面域名
secure: (Boolean)  若是设为true,那么此cookie的传导会需要三个安全磋商,举例HTTPS。

   $.cookie(cookieName)         cookieName:要读取的cookie名称。

如上就是小编整理的几篇小说综合获得的关于Cookie插件的使用情势,希望得以帮到我们。

演示:$.cookie("username"); 读取保存在cookie中称之为的username的值。

您恐怕感兴趣的作品:

  • jQuery轻便操作cookie的插件实例
  • jquery中cookie用法实例详解(获取,存款和储蓄,删除等)
  • jquery.cookie.js用法实例详解
  • jquery读写cookie操作实例分析
  • jquery.cookie实现的客商端购物车操作实例
  • jQuery基于cookie达成的购物车实例解析
  • jQuery中cookie插件用法实例深入分析
  • jQuery操作cookie

   (2)写入设置Cookie值:

   $.cookie(cookieName,cookieValue);  cookieName:要安装的cookie名称,cookieValue表示相对应的值。

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

      $.cookie("username",NULL);   销毁名字为username的cookie

   (3) [option]参数表达:

     expires:  有限日期,能够是多少个整数或一个日期(单位:天)。  这么些地方也要留意,假设不安装那个事物,浏览器关闭之后此cookie就失效了

     path:    cookie值保存的门道,暗中同意与创立页路线一致。

domin: cookie域名属性,默许与创设页域名一样。  这么些地方要一定注意,跨域的定义,固然要主域名二级域名有效则要安装  ".xxx.com"

secrue:   两个布尔值,表示传输cookie值时,是或不是必要一个康宁公约。

     示例:

复制代码 代码如下:

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

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

<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,而取的时候要反类别才又能获得目标。

$(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>

利用办法

新扩张加贰个会话cookie:

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

注:当未有指明cookie有效时间时,所开创的cookie保藏期暗中认可到客户关闭浏览器结束,所以被喻为“会话cookie(session cookie)”  

开创三个cookie并安装有效时间为7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创设的cookie被誉为“漫长cookie(persistent cookie)”。

开创多个cookie并安装cookie的实用门路:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在暗中认可意况下,独有设置cookie的网页能力读取该cookie。假如想让贰个页面读取另三个页面设置的cookie,必得安装cookie的门径。

cookie的门路用于安装能够读取cookie的五星级目录。将以此门路设置为网址的根目录,能够让全体网页都能互相读取cookie(一般不要这么设置,幸免出现抵触)

读取cookie:

$.cookie('the_cookie');

// cookie存在 => 'the_value' $.cookie('not_existing'); // cookie不存在 => null

剔除cookie,通过传递null作为cookie的值就能够:

$.cookie('the_cookie', null);

连锁参数的批注

expires: 365

定义cookie的得力时间,值能够是叁个(从创制cookie时算起,以天为单位)或贰个Date。

比如轻易,那么成立的cookie是会话cookie,将要顾客退出浏览器时被删除。  

path: '/'

暗中同意意况:独有设置cookie的网页技巧读取该cookie。

定义cookie的得力门路。暗许情状下,该参数的值为开创cookie的网页所在路线(标准浏览器的一言一行)。

假如您想在任何网址中做客那一个cookie供给如此设置有效路线:path: '/'。

比方你想删除一个定义了平价路线的cookie,你需求在调用函数时带有这几个门路:$.cookie('the_cookie', null, { path: '/' });。

domain: 'example.com'

暗许值:成立cookie的网页所享有的域名。  

secure: true

私下认可值:false。如若为true,cookie的传导需求选拔安全合同(HTTPS)。  

raw: true

暗中同意值:false。 默许景况下,读取和写入cookie的时候自动进行编码和解码(使用encodeUCR-VIComponent编码,decodeU奥德赛IComponent解码)。

要关门那些功能设置raw: true就能够。

$.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future $.cookie('the_cookie', '', { expires: -1 }); // delete cookie
$.cookie('the_cookie', null); // delete cookie

$.cookie('the_cookie','the_value', {expires: 7, path: '/', domain:'80tvb.com', secure: true});//完整调用格局

//大概那样:$.cookie('the_cookie','the_value');

//删除Cookie: $.cookie('the_cookie',null);

 

jQuery操作cookie的插件,差没多少的利用形式如下

$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', ‘the_value'); //设置cookie的值
$.cookie('the_cookie', ‘the_value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true});//新建二个cookie 包蕴保藏期 路线域名等
$.cookie('the_cookie', ‘the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie

jquery设置cookie过期时间与检讨cookies是或不是可用

让cookies在x分钟后过期 var date = new date();
date.settime(date.gettime() + (x * 60 * 1000));
$.cookie(‘example', ‘foo', { expires: date });

$.cookie(‘example', ‘foo', { expires: 7});

反省cookies是不是可用 $(document).ready(function() {var dt = new date();dt.setseconds(dt.getseconds() + 60);document.cookie = “cookietest=1; expires=” + dt.togmtstring();var cookiesenabled = document.cookie.indexof(“cookietest=”) != -1;if(!cookiesenabled){//cookies不能用……..}}); 

你大概感兴趣的篇章:

  • 经过Jquery.cookie.js完毕彰显浏览网页的历史记录超管用
  • jquery使用Cookie和JSON记录客户近来浏览历史
  • jquery.cookie() 方法的选用(读取、写入、删除)
  • 行使jQuery操作Cookies的兑当代码
  • jquery.cookie.js 操作cookie完结记住密码效能的达成代码
  • jQuery操作cookie方法实例教程
  • 基于jquery的cookie的用法
  • jQuery调控cookie过期时间的办法
  • jQuery的cookie插件实现保存顾客登入消息
  • 怎么利用php与jquery设置和读取cookies
  • jquery cookie插件代码类
  • jquery插件怎么样运用 jQuery操作Cookie插件使用介绍
  • jQuery.cookie.js实现记录以来浏览过的货品功用示例

本文由王中王开奖结果发布于网络应用,转载请注明出处:cookie用法详细解析,快速学习jQuery插件

关键词: