jquery cookie usage (Get cookie value, delete cookie)

Source: Internet
Author: User
Tags set cookie

Cookie has the specified cookie action class in jquery, let me first describe some of the problems we use when using cookies to manipulate classes, and then describe the correct ways to use them.

An incorrect value occurred when using jquery to manipulate cookies:

The result is that the cookie has four different attributes:
Name, content, domain, path

The code is as follows Copy Code


$.cookie (' The_cookie '); Read cookies
$.cookie (' The_cookie ', ' the_value '); Storing cookies
$.cookie (' The_cookie ', ' The_value ', {expires:7}); Store a cookie with a 7-day period
$.cookie (' The_cookie ', ', {Expires:-1}); Delete Cookies

Use:

The code is as follows Copy Code
$.cookie ("Currentmenuid", MenuID);

The domain and path are not specified.
All different cookies are generated when the domain and path are different

The code is as follows Copy Code
$.cookie ("Currentmenuid");

Problems occur when values are taken.

So

The code is as follows Copy Code
$.cookie ("Currentmenuid", "MenuID", {path: "/"});

to overwrite. A cookieid corresponds to a value in the same field.

Let's take a look at an example

The path setting for cookies needs to be noted that if path: '/' is not set, path is automatically set according to the directory [e.g.: Http://www.xxx.com/user/,path will be set to '/user ']

The code is as follows Copy Code

$.extend ({

/**
1. Set the value of the cookie to set the value of the name variable to
Example $.cookie (' name ', ' value ');
2. Create a new cookie including the validity path domain name, etc.
Example $.cookie (' name ', ' value ', {expires:7, path: '/', Domain: ' jquery.com ', secure:true});
3. Create a new cookie
Example $.cookie (' name ', ' value ');
4. Delete a cookie
Example $.cookie (' name ', null);
5. Take a cookie (name) value to 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 isn't 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 action Cookie Records user query information

Http://www.php100.com/wy/js-ajax/40554.htm

JQuery cookie usage (Get cookie value, delete cookie)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.