Introduction to JavaScript Cookies

Introduction to JavaScript Cookies


The user's information is stored by cookies. Normally when a user visits a website, there is no information in the web server . But it is possible to store any user's information through cookies.

Cookie is a normal text file. Whenever a user visits a website, its information is stored as a cookie (text file). This information is stored on the user's computer.

In the future whenever the user requests for that website again, with the user's request, that user's cookie is also sent to the web server.


 
Thus web server gets the information of that user. Based on this information, the web server is aware of the preferences of that user. Also, the web server can make the necessary changes to web pages based on this information.

JavaScript provides you with the ability to create, read, change, and delete cookies. Document.cookie property is available in JavaScript for this.



Creating Cookies with JavaScript


The general syntax for creating cookies in JavaScript is being given below.

document.cookie = "name = value; expiry-date; path ";
name = value - Whenever you store any information in the cookie, you do this in the name and pair of value. For example, if you want to store the user's ID, you will define "id = 101" for this.
expiry-date - You also set the expiry date of cookies. The date that you define, comes to the date that the cookie will automatically delete. The expiry date is set by expires attribute.
path - By this parameter, you define what the cookie is related to which path. If no path is given then it means that the cookie is related to the current page.

EXAMPLE
Creating a cookie in JavaScript is being explained by the example below.


<!– settingCookies.html –>
<html>
<script type=”text/javascript”>
// Setting cookies
document.cookie = “userName=John;expires=Fri, 26 May 2017 09:00:00 UTC;path=/”;
document.cookie = “Id=101;expires=Fri, 26 May 2017 09:00:00 UTC;path=/”;
document.write(“Cookies are set..”+”<br>”);
</script>
</html>
The above script generates the given output below.
Cookies are set…

Reading Cookies with JavaScript

You can easily read cookies set in JavaScript. For this you assign a document.cookie property to a normal variable. This property returns all cookies set on that page to a pair of name and value.
An example of this is being given below.
<!– readingCookies.html –>
<html>
<script type=”text/javascript”>
document.write(“Reading cookies…”+”<br>”);
// Reading cookies
var myCookie = document.cookie;
document.write(myCookie);
</script>
</html>
The above script returns all cookies set as output to pair in name and value.

Changing Cookies with JavaScript 

To make any cookie change in javascript, you create it back with the other values. For example, you can change the cookies created above this way.
<!– chaingingCookies.html –>
<html>
<script type=”text/javascript”>
// Changing cookies
document.cookie=”userName=Sara;expires=Fri, 26 May 2017 9:00:00 UTC;path=/”;
document.cookie=”Id=103;expires=Fri, 26 May 2017 9:00:00 UTC;path=/”;
document.write(“Cookies are changed…”;
</script>
</html>
The above script generates the given output below.
Cookies are changed…

Deleting Cookies with JavaScript 

You can recreate that cookie to delete any cookie by JavaScript. You do not value the cookie when you create it again. Also pass in the expires parameter as an old date value.
For example if you want to delete the created userName and Id cookies created above, then you will do this. 
<!– deletingCookies.html –>
<html>
<script type=”text/javascript”>
// Deleting cookies
document.cookie=”userName=;expires=Wed, 3 May 2017 09:00:00 UTC;path=/”;
document.cookie=”Id=;expires=Wed, 3 May 2017 09:00:00 UTC;path=/’;
document.write(“Cookies are deleted…”);
</script>
</html>
The above script generates the given output below.
Cookies are deleted… 

A Complete Example of Cookies with JavaScript

<!– javascriptCookieExample.html –>
<html>
<script type=”text/javascript”>
document.cookie = “userName=John;expires=Fri, 26 May 2017 09:00:00 UTC;path=/”;
document.cookie = “Id=101;expires=Fri, 26 May 2017 09:00:00 UTC;path=/”;
document.write(“Cookie are set..”+”<br>”);
document.write(“Reading cookies…”+”<br>”);
var myCookie = document.cookie;
document.write(“Showing cookies..”+”<br>”);
document.write(myCookie+”<br>”);
document.write(“Changing cookies..”+”<br>”);
document.cookie=”userName=Sara;expires=Fri, 26 May 2017 9:00:00 UTC;path=/”;
document.cookie=”Id=103;expires=Fri, 26 May 2017 9:00:00 UTC;path=/”;
document.write(“Cookies are changed…”+”<br>”);
document.write(“Showing cookies..”+”<br>”);
var myCookieAgain = document.cookie;
document.write(myCookieAgain+”<br>”);
document.write(“Deleting cookies..”+”<br>”);
document.cookie=”userName=;expires=Wed, 3 May 2017 09:00:00 UTC;path=/”;
document.cookie=”Id=;expires=Wed, 3 May 2017 09:00:00 UTC;path=/”;
document.write(“Cookies are deleted…”);
</script>
</html>
The above script generates the given output below.

Cookies are set..
Reading cookies..
Showing cookies..
userName=John,Id=101
Changing cookies..
Cookies are changed.
Showing cookies…
userName=Sara,Id=103
Deleting Cookies.
Cookies are deleted.






Comments

Post a Comment

Popular posts from this blog

My Response is on my own Website : Best Quality Backlink Strategy

Image
My Response is on my own Website : Best Quality Backlink Strategy My response is on my own website  is an awesome way of creating quality backlinks for your sites. Most bloggers use it for their event blogs. In Today’s post,I will tell you all about  My Response is on my own website.  The  do’s  & don’ts while making links through my response is on my own website. So, without wasting time, let’s dig into it. One More thing. Stay with this post till the end! In the end of this post i will share with you a  “list of my response is on my own website” , from where you can easily create quality backlinks for your website for free and these backlinks are instant aproval backlinks. No waiting for moderation of Backlinks. If you want to create dofollow Quality backlinks for your blog or website. Look at here  The Ultimate list of Dofollow Instant Approval Blog Commenting Sites list. Feeling bored watch the below given video ...
Read more

Why is Digital Marketing Important? What are the Advantages of Digital Marketing?

Image
Computerized promoting envelops all advertising endeavors that utilization the web. Where would it be a good idea for you to begin on the off chance that you need to build up your advanced advertising system? All the more significantly, for what reason do you need one? Regardless of whether you take a gander at India or universally, there has been an immense move in showcasing and promoting. Purchasers are supported in their basic leadership process with their cell phones, influencers, content, online networking, and different clients. Brands are additionally managing a colossal measure of progress – shifting capacities to focus, rivalry, evolving inclinations, monetary difficulties, and increasing expenses. We're here to address your questions and help you develop. For brands nowadays, contacting present day crowds accompanies its own chances and complexities. In this innovation driven time, utilizing advanced advances and channels is basic to accomplishing promoting goals. ...
Read more

Hottest Snapchat girls usernames online

Image
See girls and females who use snapchat online right now. Find girl snapchat usernames free and online. Find new girls snapchat online friends. Evida · Woman · 14   Fanny06s Jørpeland, Norway Some Rando · Woman · 15   bethanysmit9915 Miami, FL, USA AlyiahAudrey22 · Woman · 14   alyiah_enge2022 Rochester, NY, USA Mill · Woman · 15   Favv_meal Indianapolis, IN, USA nadiah · Woman · 14   njasarevic36 Mesa, AZ, USA itz_abigailXD · Woman · 13   duh_itzabigail2 Glasgow, UK monkeyxgirl2000 · Woman · 20   monkeyxgirl2000 Sanford, ME, USA keylalitty · Woman · 18   Keyla_z297 Miami, FL, USA s.nizzle · Woman · 16   s.nizzlle Spokane, WA, USA raghavi_tiwari · Woman · 17   raghavi_tiwari Lucknow, Uttar Pradesh, India BadChic · Woman · 15   LovelyChic McDonough, Georgia, USA T!A · Woman · 17   Doritoosss03 Forest, VA, USA wd wdsw Jannette · Wom...
Read more