jQuery cookie的公共方法封装和使用示例


Posted in jQuery onJune 01, 2020

本文实例讲述了jQuery cookie的公共方法封装和使用。分享给大家供大家参考,具体如下:

common.js放入公共方法:

/**
 * 刷新cookie
 */
var cookiesPath = '/';
var cookiesTime = 3 / 24;
 
function refreshCookie() {
  var cookieData = $.cookie();
  $.each(cookieData, function (_key, _value) {
    $.cookie(_key, _value, {path: cookiesPath, expires: cookiesTime});
  });
}/**
 * 刷新cookie
 */
var cookiesPath = '/';
var cookiesTime = 3 / 24;
 
function refreshCookieCopy() {
  var cookieData = _$.cookie();
  _$.each(cookieData, function (_key, _value) {
    _$.cookie(_key, _value, {path: cookiesPath, expires: cookiesTime});
  });
}
 
/**
 * 设置cookie
 * @param key
 * @param value
 */
function setCookie(key, value) {
  refreshCookie();
  $.cookie(key, value, {path: cookiesPath, expires: cookiesTime});
}
/**
 * 设置_cookie
 * @param key
 * @param value
 */
function setCookieCopy(key, value) {
  refreshCookieCopy();
  _$.cookie(key, value, {path: cookiesPath, expires: cookiesTime});
}
 
/**
 * 设置cookie by time
 * @param key
 * @param value
 */
function setCookieByTime(key, value, time) {
  // refreshCookie();
  $.cookie(key, value, {path: cookiesPath, expires: time});
}
 
/**
 * 获取cookie
 * @param key
 */
function getCookie(key) {
 
  return $.cookie(key);
}
 
/**
 * 删除cookie
 * @param key
 */
function deleteCookie(key) {
  $.removeCookie(key, {path: cookiesPath});
}
 
/**
 * 清除cookie
 */
function clearCookie() {
  var cookieData = $.cookie();
  $.each(cookieData, function (key, value) {
    deleteCookie(key);
  });
}
 
/**
 * 清除单个cookie
 */
function clearCookieSingle(name) {
  setCookie(name, "", -1);
}

如何使用:

function useCookie() {
  setCookie("name","gaopian");
  getCookie("name");
  deleteCookie("name");
  clearCookie();
}

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
jquery实现企业定位式导航效果
Jan 01 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
jquery插件实现代码雨特效
Apr 24 jQuery
JQuery获得内容和属性方法解析
May 30 #jQuery
jQuery实现视频展示效果
May 30 #jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 #jQuery
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 #jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 #jQuery
Jquery高级应用Deferred对象原理及使用实例
May 28 #jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 #jQuery
You might like
PHP $_SERVER详解
2009/01/16 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
多个iframe自动调整大小的问题
2006/09/18 Javascript
用javascript实现自定义标签
2007/05/08 Javascript
List all the Databases on a SQL Server
2007/06/21 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
js转义字符介绍
2013/11/05 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
详解从Vue-router到html5的pushState
2018/07/21 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
React+Redux实现简单的待办事项列表ToDoList
2019/09/29 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
Python分类测试代码实例汇总
2020/07/23 Python
Sephora丝芙兰印尼官方网站:购买化妆品和护肤品
2018/07/02 全球购物
临床医学系毕业生推荐信
2013/11/09 职场文书
酒店个人求职信范文
2014/01/25 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
运动员获奖感言
2014/08/15 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
嘉宾邀请函
2015/01/31 职场文书
会计简历自我评价
2015/03/10 职场文书
北京爱情故事观后感
2015/06/12 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers