Question

I am using jQuery to access/set the cookies. I have planted a cookie named CookieNo1 at path /.

I planted this using the url localhost:8080/audi.

The cookie value is stored, which I checked manually on the firefox cookies. Now when I try to access the same cookie, using the url localhost:8080/audi/products using $.cookie('CookieNo1');

This doesn’t seem to retrieve the value of the cookie. It returns a null value. However when I try to write the cookie using the same localhost:8080/audi/products url, it overwrites the previous cookie value. Please help me with this issue.

All I need is $.cookie('CookieNo1') to return the previous cookie value instead of null.
Thanks in advance

Answer 1

You have to set the expiry date. Otherwise, the cookie is removed at the end of the session. In JQuery: $("CookieNo1", "value", {expires: 7}) (this cookie stays for 7 days).

In JavaScript:

document.cookie = "CookieNo1=value; max-age=604800";

max-age sets the maximum lifetime of a cookie, in seconds.

EDIT

Quote from comments:

@RobW I added the cookie using jquery on the page
http://localhost:8080/audi with the code $.cookie("asdftraffic",
valueToSet, { expires: 30, path: '/', secure: true }); I try to
retrieve the cookie from the url http://localhost:8080/audi/products
using '$.cookie('asdftraffic');' which returns null.

Your issue is caused by secure: true. This attribute requires the cookie to be transmitted over a secure connection (https). Remove the secure: true flag if you’re not using an encrypted connection.