jQuery中cookie插件用法實例分析

更新時間：2015年12月04日 10:28:26 作者：游響云停

這篇文章主要介紹了jQuery中cookie插件用法,結(jié)合完整實例形式分析了jQuery針對cookie操作的插件jquery.cookie.js相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery中cookie插件用法。分享給大家供大家參考，具體如下：

Jquery里面提供了很多插件，方便，安全，快速實用。這節(jié)一起熟悉下JQUERY中操作Cookie的插件，插件名稱為jquery.cookie.js，可以去官方網(wǎng)站下載。

下載地址： http://plugins.jquery.com/project/cookie.

插件主要報告如下幾個用法

1.創(chuàng)建Cookie

創(chuàng)建一個名稱為username,值為 admin的cookie ,如下

復制代碼代碼如下:

$.cookie('username',"admin");

當然cookie還包括路徑，過期時間等其他參數(shù)，一起看下其他參數(shù)的用法

復制代碼代碼如下:

$.cookie('username', 'admin', {expires: 7, path: '/', domain: 'jquery.com', secure: true});

expires:表示過期時間，默認為天，如上表示過期時間為7天,如果省略過期時間，表示關(guān)閉瀏覽器時候，cookie將被刪除

也可以設(shè)置cookie的過期時間,如下設(shè)置3分鐘后過期

var dt= new date();
dt.settime(date.gettime() + (3* 60 * 1000));
$.cookie('username', 'admin', { expires: dt});

path:定義cookie的有效路徑，默認情況下路徑為創(chuàng)建cookie網(wǎng)頁所在的路徑，如果想讓整個網(wǎng)站訪問到，路徑設(shè)置為path: '/'

domain：設(shè)置cookie所在的域

secure: 如果為true表示cookie的傳輸需要使用https安全協(xié)議，默認為false

2.刪除Cookie

可以使用兩種方法

$.removeCookie("username");
$.cookie('username',"null");

3.讀取cookie

復制代碼代碼如下:

var account = $.cookie('username');

如果沒有寫入cookie，讀取到的值為undefined

附：jquery.cookie.js完整代碼如下：

/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2006, 2014 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD (Register as an anonymous module)
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    // Node/CommonJS
    module.exports = factory(require('jquery'));
  } else {
    // Browser globals
    factory(jQuery);
  }
}(function ($) {
  var pluses = /\+/g;
  function encode(s) {
    return config.raw ? s : encodeURIComponent(s);
  }
  function decode(s) {
    return config.raw ? s : decodeURIComponent(s);
  }
  function stringifyCookieValue(value) {
    return encode(config.json ? JSON.stringify(value) : String(value));
  }
  function parseCookieValue(s) {
    if (s.indexOf('"') === 0) {
      // This is a quoted cookie as according to RFC2068, unescape...
      s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
    }
    try {
      // Replace server-side written pluses with spaces.
      // If we can't decode the cookie, ignore it, it's unusable.
      // If we can't parse the cookie, ignore it, it's unusable.
      s = decodeURIComponent(s.replace(pluses, ' '));
      return config.json ? JSON.parse(s) : s;
    } catch(e) {}
  }
  function read(s, converter) {
    var value = config.raw ? s : parseCookieValue(s);
    return $.isFunction(converter) ? converter(value) : value;
  }
  var config = $.cookie = function (key, value, options) {
    // Write
    if (arguments.length > 1 && !$.isFunction(value)) {
      options = $.extend({}, config.defaults, options);
      if (typeof options.expires === 'number') {
        var days = options.expires, t = options.expires = new Date();
        t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
      }
      return (document.cookie = [
        encode(key), '=', stringifyCookieValue(value),
        options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
        options.path ? '; path=' + options.path : '',
        options.domain ? '; domain=' + options.domain : '',
        options.secure ? '; secure' : ''
      ].join(''));
    }
    // Read
    var result = key ? undefined : {},
      // To prevent the for loop in the first place assign an empty array
      // in case there are no cookies at all. Also prevents odd result when
      // calling $.cookie().
      cookies = document.cookie ? document.cookie.split('; ') : [],
      i = 0,
      l = cookies.length;
    for (; i < l; i++) {
      var parts = cookies[i].split('='),
        name = decode(parts.shift()),
        cookie = parts.join('=');
      if (key === name) {
        // If second argument (value) is a function it's a converter...
        result = read(cookie, value);
        break;
      }
      // Prevent storing a cookie that we couldn't decode.
      if (!key && (cookie = read(cookie)) !== undefined) {
        result[name] = cookie;
      }
    }
    return result;
  };
  config.defaults = {};
  $.removeCookie = function (key, options) {
    // Must not alter options, thus extending a fresh object...
    $.cookie(key, '', $.extend({}, options, { expires: -1 }));
    return !$.cookie(key);
  };
}));

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章: