Detailed explanation of JavaScript obtaining cookies and deleting cookies-JS Tutorial-php.cn

Detailed explanation of JavaScript obtaining cookies and deleting cookies

小云云

Release： 2017-12-12 14:29:24

Original

2077 people have browsed it

Cookies, sometimes also used in their plural form Cookies, refer to the data (usually encrypted) stored on the user's local terminal by some websites in order to identify the user's identity and perform session tracking. In this article, we will share with you the knowledge of obtaining cookies and deleting cookies with JavaScript, hoping to help you.

Where do cookies exist?

Exists in document.cookie

What does the cookie look like?

Cookie is a string that looks like this:
"name=xxx; age=22;"

## Note: There is a space after the semicolon. Remember this, the following code needs special attention to this point

If I want to get the cookie based on the key name, how do I do it?

<span style="font-size: 16px;">function getCookie(name) {<br>  var value = '; '+ document.cookie;<br>  var parts = value.split('; ' + name + '=');<br>  if(parts.length === 2) {<br>    return parts.pop().split(';').shift();<br>  }<br>}<br></span>

Copy after login

Principle analysis:Assume that the current value of document.cookie is:
myName=xxx; age=22; food=apple; 
①var value = '; '+ document.cookie;make it ; myName=xxx; age=22; food=apple;
②var parts = value.split('; ' + name + '='); Assume that the incoming name is age, then the string will be split according to ; age=. The array obtained after splitting is:
['myName=xxx', '22; food=apple;']
③ if(parts. length === 2) indicates that the corresponding value is obtained according to the key name, parts.pop() returns is the last item in the array, that is, 22; food=apple;, and then call split(';' )Get the array['22', 'food=apple;'], and then call shift() will return the first item of the array, which is 22, and we can get the value we want

Thoughts: var value = '; '+ document.cookie; This code is the essence of the entire method.

What if I want to delete cookies based on key names?

<span style="font-size: 16px;">function deleteCookie(name) {<br>  document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'<br>}<br></span>

Copy after login

Principle analysis: Set the cookie expiration time to be less than the current time, then the cookie will be deleted.

#Where do cookies exist?

Exists in document.cookie

What does the cookie look like?

Cookie is a string that looks like this: "name=xxx; age=22;"

## Note: There is a space after the semicolon. Remember this. Pay special attention to this in the following code

If I want to get the cookie based on the key name, how to do it?

<span style="font-size: 16px;">function getCookie(name) {<br>  var value = '; '+ document.cookie;<br>  var parts = value.split('; ' + name + '=');<br>  if(parts.length === 2) {<br>    return parts.pop().split(';').shift();<br>  }<br>}<br></span>

Copy after login

Principle analysis:
Assume that the current value of document.cookie is: myName=xxx; age=22; food=apple; 
①var value = '; '+ document.cookie;make it ; myName=xxx; age=22; food=apple;
②var parts = value.split('; ' + name + '='); Assume that the incoming name is  age, then the string will be split according to ; age=. The array obtained after splitting is:
['myName=xxx', '22; food=apple;']
③ if(parts. length === 2) indicates that the corresponding value is obtained according to the key name, parts.pop() returns is the last item in the array, that is, 22; food=apple;, and then call split(';' )Get the array['22', 'food=apple;'], and then call shift() will return the first item of the array, which is 22, and we can get the value we want

Thoughts: var value = '; '+ document.cookie; This code is the essence of the entire method.

What if I want to delete cookies based on key names?

<span style="font-size: 16px;">function deleteCookie(name) {<br>  document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'<br>}<br></span>

Copy after login

Principle analysis:
Set the cookie expiration time to be less than the current time, then the cookie will be deleted.

Related recommendations:

How to use cookies with jQuery

Cookie attribute and method analysis

Basic operations for adding and deleting cookies in JavaScript

The above is the detailed content of Detailed explanation of JavaScript obtaining cookies and deleting cookies. For more information, please follow other related articles on the PHP Chinese website!