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

本文实例讲述了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的cookie操作技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

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

赞 (0)

相关推荐

  • 使用jQuery操作Cookies的实现代码

    当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过的网页.停留的时间等信息. 当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID.密码就直接登录等等.从本质上讲,它可以看作是你的身份证. 使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建.获取和删除Coo

  • jQuery的Cookie封装,与PHP交互的简单实现

    首先,用到两个jQuery函数,JSON.parse(Json字符串转对象)和JSON.stringify(对象转JSON字符串) 我这里的分成两次封装,因为数据不在一个页面里. 这是第一个页面: $(".color-gray").click(function(){ var detail = new Object();//自定义一个空对象 将获取的参数放入这个对象 detail.userName = $('input[data-node="userName"]').

  • jquery.cookie用法详细解析

    Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie). 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息? 怎么在js/jquery中操作处理cookie那?今天分享一个cookie操作类--jQ

  • jquery.cookie() 方法的使用(读取、写入、删除)

    一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="

  • jQuery操作cookie方法实例教程

    本文实例讲述了jQuery操作cookie的方法.分享给大家供大家参考.具体方法如下: 先来看看jq.cookie的aip 写入cookie 复制代码 代码如下: $.cookie("this-cookie","this-value",{     expires:10,//有效日期     path:"/",//cookie的路 径     domanin:    //cookie的域名     secure:true //true,cookie

  • jquery.cookie.js的介绍与使用方法

    什么是 cookie? cookie 就是页面用来保存信息,比如自动登录.记住用户名等等. cookie 的特点 同个网站中所有的页面共享一套 cookie cookie 有数量.大小限制 cookie 有过期时间jquery.cookie.js 是一款轻量级的 cookie 插件,可以读取,写入和删除 cookie.本文主要针对 jquery.cookie.js 的用法进行详细的介绍. 使用方法: 设置 cookie: $.cookie('the_cookie', 'the_value');

  • jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    复制代码 代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").va

  • jquery中cookie用法实例详解(获取,存储,删除等)

    jquery中cookie用法实例详解(获取,存储,删除等)

    本文实例讲述了jquery中cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现cookie有四个不同的属性: 名称,内容,域,路径 $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储

  • 基于JQuery的cookie插件

    简单使用方法: 复制代码 代码如下: <html> <head> <title>JQuery-Cookie插件</title> <script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript" src="jquery.cookie.js&quo

  • jquery.cookie.js使用指南

    jquery.cookie.js是一个轻量级的cookie插件,可以读取.写入.删除cookie. jquery.cookie.js的配置 首先包含jQuery的库文件,在后面包含jquery.cookie.js的库文件. 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/jav

随机推荐