javascript - Cookie 未存储

Question

所以我对 cookie 很陌生，我想知道为什么这不能读取 cookie 数据？

//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);

Answer 1

一次只能设置一个cookie

所以而不是

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

你应该这样做

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

整个脚本应该类似于

//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);

就像这个jsfiddle https://jsfiddle.net/tzr5b6s4/1/

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

这里有一篇非常好的帖子Set cookie and get cookie with JavaScript