jquery.cookie.js用法实例详解


Posted in Javascript onDecember 25, 2015

本文实例讲述了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 (typeof options.expires === 'number') {
   //var days = options.expires, t = options.expires = new Date();
   //t.setDate(t.getDate() + days);
   var seconds = options.expires, t = options.expires = new Date();
   t.setTime(t.getTime() + seconds);
   //t.setTime(t.getTime() + days);
   //date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
}

下面举个简单的例子:我们需要对某个页面进行阅读统计,但是呢,在一段时间里(比如5分钟),同一个人无论刷新了这个页面多少次都好,都只能算一次。这个时候可以借助cookie来实现:

<script language="javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script language="javascript" src="/js/jquery.jsonp-2.1.4.min.js"></script>
<script type="text/javascript">
 // 页面类型,标识一组页面
 var pageType = 20110420;
 // 页面id,标识唯一一个页面
 var url = window.location.href;
 var url_arr = url.split(".");
 var id = url_arr[url_arr.length - 2];
 //var id = 2;
 //var cookie = $.cookie('the_cookie'+id, true, { expires: 5/24/60/60 });
 $(document).ready(function(){
  init_count(pageType, id);
 })
 // 初始化数据,同一个cookie一分钟的访问量都算一次
 function init_count(pageType, id){
  if($.cookie('the_cookie'+id)){
   //alert("cookie已存在");
   getViewData(pageType, id);
  }
  else
  {
   // 1分钟过期
   var cookie = $.cookie('the_cookie'+id, 'Gonn', { expires: 1000 * 60 * 5 });
   //$.cookie('the_cookie'+id, 'Gonn');
   //var cookie = $.cookie('the_cookie'+id);
   //alert(cookie);
   insert_page(pageType, id);
  }
 }
 // 不插入与更新时统计访问量
 function getViewData(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);
   }
  })
 }
 // 插入或者更新页面统计
 function insert_page(pageType, id){
  var j = 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程序设计有所帮助。

Javascript 相关文章推荐
jQuery控制DIV层实现由大到小,由远及近动画变化效果
Oct 09 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
理解javascript中的闭包
Jan 11 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
理解javascript中try...catch...finally
Dec 25 #Javascript
javascript实现简单加载随机色方块
Dec 25 #Javascript
学习JavaScript鼠标响应事件
Dec 25 #Javascript
理解javascript中DOM事件
Dec 25 #Javascript
理解JavaScript中worker事件api
Dec 25 #Javascript
基于jquery实现省市区三级联动效果
Dec 25 #Javascript
js实现文本框输入文字个数限制代码
Dec 25 #Javascript
You might like
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
桌面中心(四)数据显示
2006/10/09 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
JS 图片缩放效果代码
2010/06/09 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
python测试驱动开发实例
2014/10/08 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
Python简单实现区域生长方式
2020/01/16 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
个人自我鉴定怎么写
2013/10/28 职场文书
校园安全检查制度
2014/02/03 职场文书
2014政务公开实施方案
2014/02/19 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
学校门卫岗位职责范本
2014/06/30 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
武夷山导游词
2015/02/03 职场文书
班主任高考寄语
2015/02/26 职场文书
针对吵架老公保证书
2015/05/08 职场文书
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server