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 相关文章推荐
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
jQuery实现回到顶部效果
Oct 19 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企业级应用之常见缓存技术篇
2011/01/27 PHP
一个基于PDO的数据库操作类
2011/03/24 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
PHP根据IP判断地区名信息的示例代码
2014/03/03 PHP
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
python self,cls,decorator的理解
2009/07/13 Python
Python制作Windows系统服务
2017/03/25 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python装饰器用法实例分析
2019/01/14 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
Python 如何批量更新已安装的库
2020/05/26 Python
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
化学教学随笔感言
2014/02/19 职场文书
聘任书模板
2014/03/29 职场文书
销售顾问工作计划书
2014/08/15 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers