What are JavaScript Cookies?
Cookies are data, stored in small text files , on your computer. Web Browsers and Servers use HTTP protocol to communicate and HTTP is a stateless protocol . When a web server has sent a web page to a browser, the connection is shut down, and the server forgets everything about the user. But for a commercial website, it is required to maintain session information among different pages. In order for it to remember users information, cookies are used. Cookies are stored in the computer in name-value pairs.
username = Bill Gates
In JavaScript, use the "document.cookie" property to create, delete and read cookies., but the interface provided by this object is very primitive.
Create Cookie
document.cookie = "username=Bill Gates";
Add an expiry date (in UTC time)
document.cookie = "username=Bill Gates; expires=Fri, 20 Dec 2014 12:00:00 UTC";
With a path parameter, you can tell the browser what path the cookie belongs to. By default, the cookie belongs to the current page.
document.cookie = "username=Bill Gates; expires=Fri, 20 Dec 2014 12:00:00 UTC; path=/";
Read a Cookie
var ck = document.cookie;
Change a Cookie
Changing cookies in JavaScript is the same as creating them. The old cookie’s value is deleted.
document.cookie = "username=Bill Gates; expires=Fri, 20 Dec 2022 12:00:00 UTC; path=/";
Delete a Cookie
document.cookie = "username=; expires=Fri, 20 Dec 2014 12:00:00 UTC; path=/;";
Functions to Get, Set and Delete Cookie in JavaScript.
Set Cookie
function setCookie(cookName, cookValue, expiry) {
var dt = new Date();
dt.setTime(dt.getTime() + (expiry*24*60*60*1000));
var expires = "expires="+ dt.toUTCString();
document.cookie = cookName + "=" + cookValue + ";" + expiry + ";path=/";
}
Get Cookie
function getCookie(cookName) {
var cname = cookName + "=";
var deCookie = decodeURIComponent(document.cookie);
var cookArray = decodedCookie.split(';');
for(var i = 0; i <cookArray.length; i++) {
var c = cookArray;
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(cname) == 0) {
return c.substring(cname.length, c.length);
}
}
return "";
}
Delete Cookie
function deleteCookie(name){
setCookie(name,"",-1);
}
Related Topics
- JavaScript Interview Questions (Part2)
- JavaScript Interview Questions (Part3)
- Is JavaScript a true OOP language?
- Advantages and Disadvantages of JavaScript
- Difference Between JavaScript and ECMAScript?
- What is noscript tag?
- Escaping Special Characters in JavaScript
- What is undefined x 1 in JavaScript?
- JavaScript : Logical Operators
- Difference between '=', '==' and '===' operators?
- How to reload a page using JavaScript?
- How to write html code dynamically using JavaScript?
- How to add html elements dynamically with JavaScript?
- How to load another html page from javascript?
- What Is The Disadvantages Using InnerHTML In JavaScript?
- What is Browser Object Model
- How to detect the OS on the client machine in JavaScript?
- Difference between window, document, and screen in Javascript?
- Difference between the substr() and substring() in JavaScript?
- How to replace all occurrences of a string in JavaScript?
- How to test a string as a literal and as an object ?
- What is Associative Array? How do we use it?
- What is an anonymous function in JavaScript?
- What is the use of 'bind' method in JavaScript?
- Pure functions Vs. Impure functions in javascript
- Is Javascript a Functional Programming Language?
- What's the Difference Between Class and Prototypal Inheritance?
- Javascript, Pass by Value or Pass by Reference?
- How to prevent modification of an object in Javascript?
- What is 'this' keyword in JavaScript?
- How Does Function Hoisting Work in JavaScript?
- What do mean by NULL in Javascript?
- What does the delete operator do in JavaScript?
- What is the Infinity property used for in Javascript?
- Event bubbling and Event Capturing in JavScript?
- What is "strict mode" and how is it used in JavaScript?
- What is the difference between .call() and .apply()?
- Entire content of a JavaScript source file in a function block?
- What is an immediately-invoked function expression?
- What is escape & unescape String functions in JavaScript?
- What is the instanceof operator in JavaScript?
- What Are RESTful (REpresentational State Transfer)Web Services?
- What is Unobtrusive JavaScript & Why it's Important?
- What Does JavaScript Void(0) Mean?
- Difference between Client side JavaScript and Server side JavaScript
- TypeError: document.getelementbyid(...) is null
- Uncaught TypeError: Cannot read property of undefined In JavaScript
- What's the difference between Null and Undefined?