Cookies not being stored

Question

So I am quite new to cookies and I was wondering why this doesn't work to read cookie data?

//How to sort through the cookies
document.cookie = "key1=value1; key2=value2";
console.log(document.cookie);
//Makes an array of the Cookies
let pairs = document.cookie.split(";");
//Dictionary
let cookieDictionary={};

//Loops through the cookies and assigns them to a dictionary.
for(p of pairs)
{
    let vals = p.split("=");
    cookieDictionary[vals[0]] = vals[1];
}
//Create a key for easy cookie lookup
let cookieKeys = Object.keys(cookieDictionary);
console.log(cookieKeys);

It seems to read the cookies fine. The problem is how you are setting them. — Quentin, Dec 06 '19 at 11:21
What is the issue with the way that I am setting them so I can improve it? — sonyansachdev, Dec 06 '19 at 11:24

MikNiller · Accepted Answer · 2019-12-06T12:24:08.840

2

You can only set one cookie at the time

So instead of

document.cookie = "key1=value1; key2=value2";

you should be doing

document.cookie = "key1=value1";
document.cookie = "key2=value2";

The entire script should then be something like

//How to sort through the cookies
document.cookie = "key1=value1"; 
document.cookie = "key2=value2";


console.log(document.cookie);
//Makes an array of the Cookies
let pairs = document.cookie.split(";");
//Dictionary
let cookieDictionary={};

//Loops through the cookies and assigns them to a dictionary.
for(p of pairs)
{
    let vals = p.split("=");
    cookieDictionary[vals[0]] = vals[1];
}
//Create a key for easy cookie lookup
let cookieKeys = Object.keys(cookieDictionary);
console.log(cookieKeys);

Like in this jsfiddle https://jsfiddle.net/tzr5b6s4/1/

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

And there is a really nice SO post here Set cookie and get cookie with JavaScript

edited Dec 06 '19 at 12:24

answered Dec 06 '19 at 11:24

MikNiller

1,242
11
17

So I tried doing that, but when using console.log to see the keys of the cookies, the array is still empty. – sonyansachdev Dec 06 '19 at 11:35
1

Take a look at the fiddle in the updated answer, it works as expected – MikNiller Dec 06 '19 at 12:24
Oh now I see it, I was having a cors issue. Once I opened it on localhost it worked! Thank you so much!! – sonyansachdev Dec 06 '19 at 15:26

Cookies not being stored

1 Answers1