JS set cookies, read cookies, delete cookies

Source: Internet
Author: User
Tags setcookie split

JavaScript is a script that runs on the client, so it is generally not possible to set a session because the session is run on the server side.

Cookies are run on the client, so you can use JS to set cookies.

Suppose there is a case in which, in a use-case process, from a page to the B page, if the a page using JS variable temp saved a variable of the value, in the B page, the same need to use JS to reference the TEMP variable value, for JS global variable or static variable life cycle is limited, When a page jump occurs or the page closes, the values of these variables are loaded back in, that is, the saved effect is not reached. The best solution to this problem is to use cookies to save the value of the variable, so how do you set and read cookies?

First you need to know a little bit about the structure of the cookie, simply put: The cookie is stored as a key-value pair, i.e., the key=value format. Each cookie is generally ";" Separated.

JS Set Cookies:

Assuming that the value of the variable username ("Jack") in the page A is stored in the cookie, the key value is name, the corresponding JS code is:

copy code code as follows:


document.cookie= "Name=" +username;

JS Read cookies:

Suppose the content stored in the cookie is: name=jack;password=123

The JS code to get the value of the variable username in page B is as follows:

1 2 3 4 5 6 7 8 9 10 var username=document.cookie.split (";") [0].split ("=") [1]; JS Operation Cookie Method! Write cookies function Setcookie (name,value) {var days = = var exp = new Date (); Exp.settime (Exp.gettime () + days*24*60*60 *1000); Document.cookie = name + "=" + Escape (value) + "expires=" + exp.togmtstring (); }

Read cookies

1 2 3 4 5 6 7 8 function GetCookie (name) {var arr,reg=new RegExp ("(^|)" +name+ "= ([^;] *)(;|$)"); if (Arr=document.cookie.match (reg)) return unescape (arr[2]); else return null; }

Delete Cookies

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 The
Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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.