jquery.cookie.js使用介绍
2011-04-21
对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头率。
jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。
$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie','the_value'); // 设置cookie
$.cookie('the_cookie','the_value',{ expires: 7 }); //设置带时间的cookie
$.cookie('the_cookie','',{ expires: -1 }); // 删除
$.cookie('the_cookie',null); // 删除 cookie
$.cookie('the_cookie','the_value',{expires: 7,path: '/',domain: 'jquery.com',secure: true});//新建一个cookie 包括有效期 路径 域名等
这个插件默认的过期是按天数计算的,我们可以修改下,按毫秒计算,修改如下:
view
source
print?1 | if ( typeof options.expires
=== 'number' )
{ |
2 | //var
days = options.expires,t = options.expires = new Date(); |
3 | //t.setDate(t.getDate()
+ days); |
4 | var seconds
= options.expires,t = options.expires = new Date(); |
5 | t.setTime(t.getTime()
+ seconds); |
6 | //t.setTime(t.getTime()
+ days); |
7 | //date.setTime(date.getTime()
+ (1 * 24 * 60 * 60 * 1000)); |
下面举个简单的例子:我们需要对某个页面进行阅读统计,但是呢,在一段时间里(比如5分钟),同一个人无论刷新了这个页面多少次都好,都只能算一次。这个时候可以借助cookie来实现:
04 | <script
type= "text/javascript" > |
06 | var pageType
= 20110420; |
08 | var url
= window.location.href; |
09 | var url_arr
= url.split( "." ); |
10 | var id
= url_arr[url_arr.length - 2]; |
12 | //var
cookie = $.cookie('the_cookie'+id,true,{ expires: 5/24/60/60 }); |
14 | $(document).ready( function (){ |
15 | init_count(pageType,
id); |
18 | //
初始化数据,同一个cookie一分钟的访问量都算一次 |
19 | function init_count(pageType,
id){ |
20 | if ($.cookie( 'the_cookie' +id)){ |
22 | getViewData(pageType,
id); |
27 | var cookie
= $.cookie( 'the_cookie' +id, 'Gonn' ,
{ expires: 1000 * 60 * 5 }); |
28 | //$.cookie('the_cookie'+id,
'Gonn'); |
29 | //var
cookie = $.cookie('the_cookie'+id); |
31 | insert_page(pageType,
id); |
37 | function getViewData(pageType,
id){ |
39 | type: "get" , //使用get方法访问后台 |
40 | dataType: "jsonp" , //返回json格式的数据 |
43 | data:{ "opp" : "view" , "pageType" :pageType, "id" :id}, |
45 | success: function (data){ |
47 | $( '#pc_1' ).html(data.total); |
48 | $( '#pcm_1' ).html(data.record); |
54 | function insert_page(pageType,
id){ |
57 | type: "get" , //使用get方法访问后台 |
58 | dataType: "jsonp" , //返回json格式的数据 |
61 | data:{ "opp" : "insert" , "pageType" :pageType, "id" :id}, |
63 | success: function (data){ |
69 | $( '#pc_1' ).html(data.total); |
70 | $( '#pcm_1' ).html(data.record); |