对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 包括有效期 路径 域名等
这个插件默认的过期是按天数计算的,我们可以修改下,按毫秒计算,修改如下:
1 | if ( typeof options.expires === 'number' ) { |
4 | var seconds = options.expires, t = options.expires = new Date(); |
5 | t.setTime(t.getTime() + seconds); |
下面举个简单的例子:我们需要对某个页面进行阅读统计,但是呢,在一段时间里(比如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]; |
14 | $(document).ready( function (){ |
15 | init_count(pageType, id); |
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 }); |
31 | insert_page(pageType, id); |
37 | function getViewData(pageType, id){ |
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){ |
61 | data:{ "opp" : "insert" , "pageType" :pageType, "id" :id}, |
63 | success: function (data){ |
69 | $( '#pc_1' ).html(data.total); |
70 | $( '#pcm_1' ).html(data.record); |
代码就直接原汁原味地贴上来吧,做个记录。
原文:http://www.nowamagic.net/jquery/jquery_JqueryCookie.php