How to set a cookie and expire it in 30 days
Here is some basic usage for the js cookie library.
Include the following script. Or you can grab the latest version at the cdnjs website.
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
How to set a cookie
this sets a cookie named kruxor with the value awesome.
Javascript
// set a cookie
Cookies.set('kruxor', 'awesome');
How to set a cookie with expiry
this sets a cookie named kruxor and the value awesome with the expiry of 30 days.
Checking a cookie
use this code to check a cookie is set
Javascript
Cookies.get('kruxor')
How to check if a cookie is set i chrome
open dev tools, f12, go into the application tab, and then scroll down until you see cookies.
Javascript
Cookies.set('kruxor', 'awesome', { expires: 30 })
Further Documentation on JS Cookie
Get the latest CDNJS version of this code here:
Basic Usage
Create a cookie, valid across the entire site:
Cookies.set('name', 'value')
Create a cookie that expires 7 days from now, valid across the entire site:
Cookies.set('name', 'value', { expires: 7 })
Create an expiring cookie, valid to the path of the current page:
Cookies.set('name', 'value', { expires: 7, path: '' })
Read cookie:
Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined
Read all visible cookies:
Cookies.get() // => { name: 'value' }
Note: It is not possible to read a particular cookie by passing one of the cookie attributes (which may or may not have been used when writing the cookie in question):
Cookies.get('foo', { domain: 'sub.example.com' }) // `domain` won't have any effect...!
The cookie with the name foo
will only be available on .get()
if it's visible from where the code is called; the domain and/or path attribute will not have an effect when reading.
Delete cookie:
Cookies.remove('name')
Delete a cookie valid to the path of the current page:
Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!
IMPORTANT! When deleting a cookie and you're not relying on the default attributes, you must pass the exact same path and domain attributes that were used to set the cookie:
Cookies.remove('name', { path: '', domain: '.yourdomain.com' })
Note: Removing a nonexistent cookie neither raises any exception nor returns any value.
Scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
Javascript
// set a cookie
Cookies.set('kruxor', 'awesome');