Javascript document.cookie always empty string
Question
I have this real strange problem with client side javascript setting cookies. I'm developing a little 1 page demo at the moment to use cookies to store some 'preferences'. Please note that I can't use a server side language for this demo or any 3rd party jQuery plugins.
So I've written a javascript object to set a cookie:
var cookie = {
set: function (name,value,exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var value = escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=name + "=" + value;
console.log(document.cookie);
}
}
cookie.set('foo','bar',2);
console.log(document.cookie);
It just returns an empty string. I've gone into Chrome console to see if I can do it via directly modifying document.cookie
> document.cookie = "foo=bar";
"foo=bar"
> document.cookie
""
How do you set a cookie via client side javascript?
Edit: I am not in incognito mode and cookies are enabled.
5 answers
solution1
89 2013-08-15 11:40:44
HttpOnly cookies cannot be accessed from Javascript and session cookies are usually set as HttpOnly cookies. See also this StackOverflow question: How to read a secure cookie using JavaScript
So... check whether the cookie you want to read has the 'HttpOnly' flag set... If so, you know the culprit. It's not a bug, it's a feature!
solution2
58 ACCPTED 2013-04-10 01:26:33
You can't set cookies by the look of things if its not running in a web server.
file:///C:/Users/me/Desktop/demo/demo.html
however:
http://localhost/demo/demo.html works.
solution3
1 2013-08-22 11:10:48
This worked for me when ran from localhost, running chrome 28.0.1472.0 canary:
<!DOCTYPE html>
<html>
<head>
<title>localhost cookie</title>
</head>
<body>
<script type="text/javascript">
console.log(document.cookie);
var myCookie = "mycookie=hellocookie";
document.cookie = myCookie;
</script>
</body>
</html>
Run it in a server, visit the page and look at your cookie store, refresh the page and look at your console.
It did not set a cookie when opened as a file but worked every time when opened from the server.
solution4
0 2013-04-10 00:15:43
For usage and docs, see here:
https://developer.mozilla.org/en-US/docs/DOM/document.cookie
If you are in Incognito Mode or have cookies disabled, it won't work.
solution5
0 2020-09-23 11:35:12
You might have set a wrong path for the cookie.
In my case I'd set the path in the cookie to /foo because the application is normally on address http://example.org/foo . However, during tests I'd opened the application on the default address http://localhost:3000 which allowed me to create cookies with the path /foo but not read them. The solution was to test the application on address http://localhost:3000/foo .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.