jQuery获取cookie值及删除cookie用法实例


Posted in Javascript onApril 15, 2016

本文实例讲述了jQuery获取cookie值及删除cookie用法。分享给大家供大家参考,具体如下:

cookie在jquery中有指定的cookie操作类,这里先来介绍在使用cookie操作类时的一些问题,然后介绍正确的使用方法。

使用JQuery操作cookie时 发生取的值不正确的问题:

结果发现cookie有四个不同的属性:

名称,内容,域,路径

$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

使用:

$.cookie("currentMenuID", menuID);

时 未指定域和路径。

所以当域和路径不同时会产生不同的cookie

$.cookie("currentMenuID");

取值时会产生问题。

因此,使用:

$.cookie("currentMenuID", "menuID", { path: "/"});

进行覆盖。同域下同一个cookieID对应一个值。

下面我们来看个实例

关于cookie的path设置需要注意,如果不设置path:'/'的话,path则会根据目录自动设置(如:http://www.xxx.com/user/,path会被设置为 '/user')

$.extend({
/**
 1. 设置cookie的值,把name变量的值设为value
example $.cookie('name', 'value');
 2.新建一个cookie 包括有效期 路径 域名等
example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
3.新建cookie
example $.cookie('name', 'value');
4.删除一个cookie
example $.cookie('name', null);
5.取一个cookie(name)值给myvar
var account= $.cookie('name');
**/
  cookieHelper: function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
      options = options || {};
      if (value === null) {
        value = '';
        options.expires = -1;
      }
      var expires = '';
      if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
        var date;
        if (typeof options.expires == 'number') {
          date = new Date();
          date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
        } else {
          date = options.expires;
        }
        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
      }
      var path = options.path ? '; path=' + options.path : '';
      var domain = options.domain ? '; domain=' + options.domain : '';
      var secure = options.secure ? '; secure' : '';
      document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
      var cookieValue = null;
      if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
          var cookie = jQuery.trim(cookies[i]);
          // Does this cookie string begin with the name we want?
          if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    }
  }
});

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

Javascript 相关文章推荐
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
js 颜色选择器(兼容firefox)
Mar 05 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
JS实现密码框效果
Sep 10 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 #Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 #Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 #Javascript
jQuery中的基本选择器用法学习教程
Apr 14 #Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 #Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 #Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 #Javascript
You might like
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
PHP后端银联支付及退款实例代码
2017/06/23 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
表单填写时用回车代替TAB的实现方法
2007/10/09 Javascript
JavaScript面向对象编程
2008/03/02 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
2011/10/23 Javascript
javascript 星级评分效果(手写)
2012/12/24 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
vue路由的配置和页面切换详解
2020/09/09 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python字符编码判断方法分析
2016/07/01 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
python实现图片九宫格分割
2021/03/07 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
Html5跳转到APP指定页面的实现
2020/01/14 HTML / CSS
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
西式结婚主持词
2014/03/14 职场文书
网络编辑岗位职责
2014/03/18 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书