jquery cookie用法(獲取cookie值,刪除cookie)

時間 2019-11-18

原文原文鏈接

cookie在jquery中有指定的cookie操做類，下面我先來介紹咱們在使用cookie操做類時的一些問題，而後介紹正確的使用方法。php

使用JQuery操做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 }); // 刪除 cookiedom

使用：this

代碼以下	複製代碼
$.cookie("currentMenuID", menuID);

時未指定域和路徑。
全部當域和路徑不一樣時會產生不一樣的cookiespa

代碼以下	複製代碼
$.cookie("currentMenuID");

取值時會產生問題。code

故：ci

代碼以下	複製代碼
$.cookie("currentMenuID", "menuID", { path: "/"});

進行覆蓋。同域下同一個cookieID對應一個值。get

下面咱們來看個實例string

關於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;
        }
    }

});