jquery cookie用法(获取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操作Cookie记录用户查询过信息

http://www.111cn.net/wy/js-ajax/40554.htm

时间： 2024-09-14 06:05:07

jquery cookie用法(获取cookie值,删除cookie)的相关文章

asp cookie 创建，取值,删除 教程

asp教程 cookie 创建,取值,删除 教程 功能:cookie 常用来对用户进行识别. 原理:  cookie 是一种服务器留在用户电脑中的小文件.每当同一台电脑通过浏览器请求页面时,这台电脑就会发送 cookie;   asp 如果创建cookie  Response.Cookies("aa")'就这一句就己经创建了cookie了.  Response.Cookies("cookies")="111cn.net"  Response.Co

PHP中Cookie设置、使用、删除Cookie方法

1.设置Cookie  PHP用SetCookie函数来设置Cookie.必须注意的一点是:Cookie是HTTP协议头的一部分,用于浏览器和服务器之间传递信息,所以必须在任何属于HTML文件本身的内容输出之前调用Cookie函数.  SetCookie函数定义了一个Cookie,并且把它附加在HTTP头的后面,SetCookie函数的原型如下:  int SetCookie(string name, string value, int expire, string path, string d

js入门教程：js cookie 的时间设置与删除cookie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> www.111cn.net js cookie教程</title> <meta name="Generator" content="EditPlus"> <meta name="Author&

JS 新增Cookie 取cookie值 删除cookie 举例详解_javascript技巧

cookie很实用的一个功能,可以判断某个状态,在项目中使用率极高 复制代码 代码如下:     function setCookie(name,value)      {          var Days = 30;          var exp = new Date();          exp.setTime(exp.getTime() + Days*24*60*60*1000);          document.cookie = name + "="+ escape

jQuery设置Cookie及删除Cookie实例分析_jquery

本文实例讲述了jQuery设置Cookie及删除Cookie的方法.分享给大家供大家参考,具体如下: 这是一个jQuery cookie的使用例子,通过本示例的学习希望朋友们能熟悉在引入jquery.cookie.js插件后,如何去使用它,你可以了解到cookie天数设置.日期设置.多个cookie的设置.如何获取Cookie.通过 date 对象设置过期日期为 3 天后的那天.设置有效期天数等小技巧. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0

javascript实现设置、获取和删除Cookie的方法

  本文实例讲述了javascript实现设置.获取和删除Cookie的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66

javascript cookie用法基础教程(概念,设置,读取及删除)_基础知识

本文实例讲述了javascript cookie用法.分享给大家供大家参考,具体如下: 一.什么是 cookie? cookie 就是页面用来保存信息,比如自动登录.记住用户名等等. 二.cookie 的特点 同个网站中所有的页面共享一套 cookie cookie 有数量.大小限制 cookie 有过期时间 三.如何使用 cookie? 通过 document.cookie 来写入 cookie <!DOCTYPE HTML> <html lang="en-US"&

java操作cookie示例(删除cookie)_java

1.设置Cookie 复制代码 代码如下: Cookie cookie = new Cookie("key", "value");cookie.setMaxAge(60);  设置60秒生存期,如果设置为负值的话,则为浏览器进程Cookie(内存中保存),关闭浏览器就失效. 复制代码 代码如下: cookie.setPath("/test/test2");  设置Cookie路径,不设置的话为当前路径(对于Servlet来说为request.ge

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

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