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 相关文章推荐
JavaScript将XML转成JSON的方法
Mar 12 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
JS实现的几个常用算法
Nov 12 Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
使用 node.js 模仿 Apache 小部分功能
Jul 07 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
Apr 08 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 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
基于PHPExcel的常用方法总结
2013/06/13 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
理解javascript封装
2016/02/23 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
python基础教程之udp端口扫描
2014/02/10 Python
python实现将文本转换成语音的方法
2015/05/28 Python
python 禁止函数修改列表的实现方法
2017/08/03 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
python爬取指定微信公众号文章
2018/12/20 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
2014年三八妇女节活动总结
2014/03/01 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
起诉状范本
2015/05/20 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
无线电知识基础入门篇
2022/02/18 无线电
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android