jquery.cookie.js用法实例详解
本文实例讲述了jquery.cookie.js用法。分享给大家供大家参考,具体如下:
对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包括有效期路径域名等
这个插件默认的过期是按天数计算的,我们可以修改下,按毫秒计算,修改如下:
if(typeofoptions.expires==='number'){ //vardays=options.expires,t=options.expires=newDate(); //t.setDate(t.getDate()+days); varseconds=options.expires,t=options.expires=newDate(); t.setTime(t.getTime()+seconds); //t.setTime(t.getTime()+days); //date.setTime(date.getTime()+(1*24*60*60*1000)); }
下面举个简单的例子:我们需要对某个页面进行阅读统计,但是呢,在一段时间里(比如5分钟),同一个人无论刷新了这个页面多少次都好,都只能算一次。这个时候可以借助cookie来实现:
<scriptlanguage="javascript"src="/js/jquery-1.4.2.min.js"></script> <scripttype="text/javascript"src="/js/jquery.cookie.js"></script> <scriptlanguage="javascript"src="/js/jquery.jsonp-2.1.4.min.js"></script> <scripttype="text/javascript"> //页面类型,标识一组页面 varpageType=20110420; //页面id,标识唯一一个页面 varurl=window.location.href; varurl_arr=url.split("."); varid=url_arr[url_arr.length-2]; //varid=2; //varcookie=$.cookie('the_cookie'+id,true,{expires:5/24/60/60}); $(document).ready(function(){ init_count(pageType,id); }) //初始化数据,同一个cookie一分钟的访问量都算一次 functioninit_count(pageType,id){ if($.cookie('the_cookie'+id)){ //alert("cookie已存在"); getViewData(pageType,id); } else { //1分钟过期 varcookie=$.cookie('the_cookie'+id,'Gonn',{expires:1000*60*5}); //$.cookie('the_cookie'+id,'Gonn'); //varcookie=$.cookie('the_cookie'+id); //alert(cookie); insert_page(pageType,id); } } //不插入与更新时统计访问量 functiongetViewData(pageType,id){ $.ajax({ type:"get",//使用get方法访问后台 dataType:"jsonp",//返回json格式的数据 jsonp:"callback", url:"/manage.php",//要访问的后台地址 data:{"opp":"view","pageType":pageType,"id":id}, async:false, success:function(data){ //alert(data.total); $('#pc_1').html(data.total); $('#pcm_1').html(data.record); } }) } //插入或者更新页面统计 functioninsert_page(pageType,id){ varj=null; $.ajax({ type:"get",//使用get方法访问后台 dataType:"jsonp",//返回json格式的数据 jsonp:"callback", url:"/manage.php",//要访问的后台地址 data:{"opp":"insert","pageType":pageType,"id":id}, async:false, success:function(data){ //alert(msg.current); //alert(msg.record); j=data; //alert("111"); //alert(j.total); $('#pc_1').html(data.total); $('#pcm_1').html(data.record); } }) } </script>
希望本文所述对大家jQuery程序设计有所帮助。