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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
JS中的算法与数据结构之列表(List)实例详解
Aug 16 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 Ajax实现页面无刷新发表评论
2007/01/02 PHP
php实现点击可刷新验证码
2015/11/07 PHP
利用php的ob缓存机制实现页面静态化方法
2017/07/09 PHP
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
微信小程序使用GoEasy实现websocket实时通讯
2020/05/19 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
python命令行工具Click快速掌握
2019/07/04 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
Weblogic和WebSphere不同特点
2012/05/09 面试题
作风建设年度心得体会
2014/10/29 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
趣味运动会通讯稿
2015/07/18 职场文书
趣味运动会口号
2015/12/24 职场文书
使用springboot暴露oracle数据接口的问题
2021/05/07 Oracle
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
python绘制云雨图raincloud plot
2022/08/05 Python