Examples of cookie plug-in usage in jQuery _ jquery

This article mainly introduces the usage of the cookie plug-in jQuery, and analyzes the jQuery plug-in for cookie operations in the form of a complete example. cookie. js-related usage tips have some reference value. If you need them, you can refer to the examples in this article to describe how to use the cookie plug-in jQuery. We will share this with you for your reference. The details are as follows:

Jquery provides many plug-ins, which are convenient, secure, fast, and practical. In this section, you are familiar with the JQUERY plug-in for Cookie operations. The plug-in name is jquery. cookie. js. You can download it from the official website.

: Http://plugins.jquery.com/project/cookie.

The plug-in mainly reports the following usage:

1. Create a Cookie

Create a cookie named username with the value of admin, as shown below:

The Code is as follows:

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

Of course, the cookie also includes other parameters such as path and expiration time. Let's take a look at the usage of other parameters.

The Code is as follows:

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

Expires: indicates the expiration time. The default value is "day". If the expiration time is 7 days, the cookie is deleted when the browser is closed.

You can also set the cookie expiration time, as follows:

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

Path: defines the valid cookie path. By default, the path is the path where the cookie Web page is created. If you want to access the entire website, set the path to path :'/'

Domain: Set the cookie's domain

Secure: If this parameter is set to true, the https secure protocol is required for cookie transmission. The default value is false.

2. delete a Cookie

You can use either of the following methods:

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

3. Read cookie

The Code is as follows:

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

If no cookie is written, the read value is undefined.

Appendix: complete jquery. cookie. js code is as follows:

/*! * 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);  };}));

I hope this article will help you with jQuery programming.