How to Set or Unset a Cookie with jQuery

  249 views   3 months ago jQuery

Use the JS document.cookie Property

You can use the JS document.cookie property to set/unset a cookie, you don't need jQuery for this.

Let's take a closer look at the following example to understand how to set, read, update, unset or delete a cookie associated with the document in JavaScript:

<script>
// Set cookie with 30 days expiration time
document.cookie = "name=Peter; max-age=" + 30*24*60*60;
 
// Get name cookie value
var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1");
console.log(cookieValue); // Prints: Peter
 
// Update existing cookie value
document.cookie = "name=Harry; max-age=" + 30*24*60*60;
 
// Read the updated name cookie value
var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1");
console.log(cookieValue); // Prints: Harry
 
// Delete or unset the name cookie
document.cookie = "name=; max-age=0";
</script>

 

Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com

Related Articles