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程序设计有所帮助。