current position:Home>JQuery plug-in -- cookie plug-in jquery.cookie.js (transfer)

JQuery plug-in -- cookie plug-in jquery.cookie.js (transfer)

2021-08-22 05:29:58 mb611f1a641bd18

Cookie It's a small text file placed on the client by the website designer .Cookie Can be used for users Provide a lot of , For example, a shopping website stores a list of products that users have visited , Or the portal remembers what kind of news users like to browse . With the user's permission , You can also store user login information , So that users don't have to type this information every time they visit the website

Usage method :

1. introduce jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> <script src="scripts/jquery.cookie.js" type="text/javascript"></script> 
    
  • 1.
  • 2.

2. Usage method

1). Add a new session cookie:

$.cookie('the_cookie', 'the_value');

notes : When there is no indication cookie Effective time , Created cookie The expiration date is until the user closes the browser by default , So it's called

“ conversation cookie(session cookie)”.

2). Create a cookie And set the effective time to 7 God :

$.cookie('the_cookie', 'the_value', { expires: 7 });

notes : When it is pointed out that cookie Effective time , Created cookie go by the name of “ persistent cookie (persistent  cookie)”. 

3). Create a cookie And set up cookie The effective path :

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

notes : By default , Only settings cookie The web page can read the cookie. If you want one page to read another page, set

Placed cookie, You have to set cookie The path of .cookie The path is used to set the ability to read cookie Top level directory for . Will this

Set a path to the root directory of the website , It can make all the web pages read from each other cookie ( Don't set it like this , Prevent conflict ) . 

4). Read cookie:

$.cookie('the_cookie'); // cookie There is => 'the_value'

$.cookie('not_existing'); // cookie non-existent => null

5). Delete cookie, By passing null As cookie The value of the can :

$.cookie('the_cookie', null);

3. take cookie write file

 Copy code
var COOKIE_NAME = 'username'; if( $.cookie(COOKIE_NAME) ){ $("#username").val( $.cookie(COOKIE_NAME) ); } $("#check").click(function(){ if(this.checked){ $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10, domain: 'jquery.com', secure: true }); //var date = new Date(); //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); // It will expire at this time in three days  //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); }else{ $.cookie(COOKIE_NAME, null, { path: '/' }); // Delete cookie  } });
    
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
 Copy code

Parameter setting :
expires: (Number | Date)      The period of validity , You can set an integer as the validity period ( Company : God ), You can also set a date object as Cookie The expiration date of . If the specified date is negative , Then this cookie Will be deleted except ; If not set or set to null, Then this cookie Will be treated as Session Cookie Handle , And delete after the browser closes

path:  (String)          Cookie Path properties of , The default is to create the cookie Page path

domain: (String)     Cookie Domain name properties , The default is to create the cookie The domain name of the page

secure: (Boolean)  If it is set to true, Then this cookie The transmission of will require a security protocol , for example HTTPS

Cookie It's a small text file placed on the client by the website designer .Cookie Can be used for users Provide a lot of , For example, a shopping website stores a list of products that users have visited , Or the portal remembers what kind of news users like to browse . With the user's permission , You can also store user login information , So that users don't have to type this information every time they visit the website

Usage method :

1. introduce jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> <script src="scripts/jquery.cookie.js" type="text/javascript"></script> 
   
  • 1.
  • 2.

2. Usage method

1). Add a new session cookie:

$.cookie('the_cookie', 'the_value');

notes : When there is no indication cookie Effective time , Created cookie The expiration date is until the user closes the browser by default , So it's called

“ conversation cookie(session cookie)”.

2). Create a cookie And set the effective time to 7 God :

$.cookie('the_cookie', 'the_value', { expires: 7 });

notes : When it is pointed out that cookie Effective time , Created cookie go by the name of “ persistent cookie (persistent  cookie)”. 

3). Create a cookie And set up cookie The effective path :

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

notes : By default , Only settings cookie The web page can read the cookie. If you want one page to read another page, set

Placed cookie, You have to set cookie The path of .cookie The path is used to set the ability to read cookie Top level directory for . Will this

Set a path to the root directory of the website , It can make all the web pages read from each other cookie ( Don't set it like this , Prevent conflict ) . 

4). Read cookie:

$.cookie('the_cookie'); // cookie There is => 'the_value'

$.cookie('not_existing'); // cookie non-existent => null

5). Delete cookie, By passing null As cookie The value of the can :

$.cookie('the_cookie', null);

3. take cookie write file

 Copy code
var COOKIE_NAME = 'username'; if( $.cookie(COOKIE_NAME) ){ $("#username").val( $.cookie(COOKIE_NAME) ); } $("#check").click(function(){ if(this.checked){ $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10, domain: 'jquery.com', secure: true }); //var date = new Date(); //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); // It will expire at this time in three days  //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); }else{ $.cookie(COOKIE_NAME, null, { path: '/' }); // Delete cookie  } });
   
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
 Copy code

Parameter setting :
expires: (Number | Date)      The period of validity , You can set an integer as the validity period ( Company : God ), You can also set a date object as Cookie The expiration date of . If the specified date is negative , Then this cookie Will be deleted except ; If not set or set to null, Then this cookie Will be treated as Session Cookie Handle , And delete after the browser closes

path:  (String)          Cookie Path properties of , The default is to create the cookie Page path

domain: (String)     Cookie Domain name properties , The default is to create the cookie The domain name of the page

secure: (Boolean)  If it is set to true, Then this cookie The transmission of will require a security protocol , for example HTTPS

copyright notice
author[mb611f1a641bd18],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2021/08/20210822052933673x.html

Random recommended