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 相关文章推荐
js模拟弹出效果代码修正版
Aug 07 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
5 种JavaScript编码规范
Jan 30 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 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面向对象自动加载机制原理与用法分析
2016/10/14 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
jQuery 3.0中存在问题及解决办法
2016/07/15 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python中的模块和包概念介绍
2015/04/13 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
python对象与json相互转换的方法
2019/05/07 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
html5使用canvas画一条线
2014/12/15 HTML / CSS
求职简历自荐信
2013/10/20 职场文书
会计实习自我鉴定
2013/12/04 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
歼十出击观后感
2015/06/11 职场文书
python 用递归实现通用爬虫解析器
2021/04/16 Python
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android