来自 4008com 2019-12-18 01:21 的文章
当前位置: 4008.com-云顶集团4008com > 4008com > 正文

使得用户在访问网站时不必每次都键入这些信息

Cookie是由劳务器端生成,发送给User-Agent,浏览器会将Cookie的key/value保存到有个别目录下的文本文件内,下一次恳请同一网址时就发送该库克ie给服务器。

举个例子购物网址存款和储蓄客商曾经浏览过的成品列表,或然门户网站记住顾客垂怜挑选浏览哪种音讯。 在客户同意的情事下,还是能存款和储蓄客商的记名消息,使得客商在拜望网站时不用每回都键入这一个音讯?

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

Cookie下载地址: .

专程指示,明天意识二个刻意的大错特错,google浏览器提醒:has no method $.cookie。火狐浏览器提醒:$.cookie is not a function;调节和测验了半天,终于找到原因,要是同二个页面三遍照旧频繁引进Jquery插件就能报此错误。

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

复制代码 代码如下:

2.将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

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

示范:$.cookie; 读取保存在cookie中称之为的username的值。

写入设置Cookie值:

$.cookie(cookieName,cookieValue卡塔尔; cookieName:要设置的cookie名称,cookieValue表示绝对应的值。

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

$.cookie; 销毁名字为username的cookie

[option]参数表明:

expires: 有限日期,能够是三个整数或一个日期。 这些地点也要专一,假使不设置这几个东西,浏览器关闭之后此cookie就失效了

path: cookie值保存的路径,默许与成立页路线生龙活虎致。

domin: cookie域名属性,暗中同意与创制页域名相像。 这一个地点要一定注意,跨域的概念,要是要主域名二级域名有效则要安装 ".xxx.com"

secrue: 一个布尔值,表示传输cookie值时,是或不是须求贰个安然无恙合同。

复制代码 代码如下:$.cookie("like", $.val(卡塔尔, { path: "/", expiress: 7 }卡塔尔

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

  jQuery学习2    $ { $.val; if  == "刘德华") { $(":radio[value='刘德华']").attr } else { $(":radio[value='张学友']").attr } $.click { $.cookie("username", $, { path: "/", expires: 7 }) $.cookie("like", $.val(), { path: "/", expiress: 7 }) }) })      刘德华 张学友    

cookie本质上是一个txt文本,由此只可以够存入字符串,对象平日要连串化之后技能存入cookie,而取的时候要反种类才又能得到目的。

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

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

jquery.cookie.js的配置

首先包蕴jQuery的库文件,在后面富含jquery.cookie.js的库文件

选取方法

新扩大三个会话cookie:

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

注:当未有指明cookie有效时间时,所创造的cookie保藏期默许到客户关闭浏览器停止,所以被誉为“会话cookie”

始建三个cookie并设置有效时间为7天:

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

注:当指明了cookie有效时间时,所创设的cookie被称之为“漫长cookie”。

始建叁个cookie并安装cookie的可行路线:

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

注:在暗中认可情况下,只有设置cookie的网页技术读取该cookie。要是想让八个页面读取另三个页面设置的cookie,必须安装cookie的渠道。

cookie的渠道用于安装能够读取cookie的五星级目录。将以此渠道设置为网址的根目录,能够让具有网页都能相互读取cookie

读取cookie:

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

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

连带参数的表明

expires: 365

定义cookie的平价时间,值能够是多少个或三个Date。

如若轻便,那么创制的cookie是会话cookie,就要顾客退出浏览器时被去除。

暗中同意意况:唯有设置cookie的网页本领读取该cookie。

定义cookie的实用场径。暗中认可景况下,该参数的值为创立cookie的网页所在路径。

假让你想在漫天网址中访谈这么些cookie须要那样设置有效门路:path: '/'。

倘使您想删除一个概念了有效路子的cookie,你须要在调用函数时包涵那些路子:$.cookie('the_cookie', null, { path: '/' });。

domain: 'example.com'

默许值:创制cookie的网页所持有的域名。

secure: true

暗许值:false。要是为true,cookie的传输需求运用安全磋商。

默许值:false。 暗中认可情状下,读取和写入cookie的时候自动举行编码和解码(使用encodeUQashqaiIComponent编码,decodeU酷路泽IComponent解码)。

要关张那个成效设置raw: true就能够。

$.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; // delete cookie

$.cookie('the_cookie','the_value', {expires: 7, path: '/', domain:'80tvb.com', secure: true}卡塔尔(英语:State of Qatar);//完整调用格局

//或许那样:$.cookie('the_cookie','the_value');

//删除Cookie: $.cookie;

jQuery操作cookie的插件,大约的采用办法如下

$.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; //删除一个cookie

jquery设置cookie过期时间与自己商酌cookies是还是不是可用

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

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

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

本文由4008.com-云顶集团4008com发布于4008com,转载请注明出处:使得用户在访问网站时不必每次都键入这些信息

关键词: 之家 详细 jquery cookie