无法在路径/下访问javascript中的cookie

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.

Answer 2

First you set the cookie:

var myvalue = 100, 2000, 300;
$.cookie("mycookie", myvalue);

Then you get the cookie:

var getmycookie = $.cookie("mycookie");
    var myvalues = getmycookie.split(",");
    var firstval = myvalues[0];
    var secondval = myvalues[1];
    var thirdval = myvalues[2];

Should'nt be much harder. When not specifying an expiration, the cookie is deleted on session end ie when the browser is closed.

EDIT: You can also specify the path:

$.cookie("mycookie", myvalue, {
expires : 10,           //expires in 10 days

path    : '/products',          //The value of the path attribute of the cookie 
                       //(default: path of page that created the cookie).

domain  : 'http://localhost:8080',  //The value of the domain attribute of the cookie
                       //(default: domain of page that created the cookie).

secure  : true          //If set to true the secure attribute of the cookie
                       //will be set and the cookie transmission will
                       //require a secure protocol (defaults to false).
});

I would think something like this would do:

var myvalue = 100, 2000, 300;
$.cookie("mycookie", myvalue, {path : '/audi/products'});

Oh, and a session ends when the browser is closed, not when the page is unloaded, so a session cookie will do.