jQuery Cookie path

Question

I use the jQuery cookie plugin for storing cookies, with the following code I can save a Cookie for 7 days, but it only saves it for the page its created on. I want the cookie to be available for the whole website.

$.cookie('basket',basket,{ expires: 7 });

I tried to set a path, but that didn't seem to work

$.cookie('basket',basket,{ expires: 7, path:'/' });

full code: this works fine, but it only saves the cookie for the current page

function add_to_basket(id,title){
if($.cookie('basket')){
    basket=$.cookie('basket');

    var basket_array = basket.split(',');

    var index = jQuery.inArray(id,basket_array);
    if(index > -1){
        return false;
    }else{
        basket+=','+id;
        $.cookie('basket',basket,{ expires: 7 });
    }
}else{

    basket=id;
    console.log(basket);
    $.cookie('basket',basket,{ expires: 7 });

}

What is basket? If it's an object you need to run it through JSON.stringify() first so you can store a string. — Interrobang
– Interrobang, Commented Feb 17, 2012 at 10:34
Your cookie setting code seems fine. If you check the cookie in Firefox it will tell you information such as the domain, path and expiry date. This may give you a clue what the problem is. Other browsers should also give you the data too. — Rory McCrossan
– Rory McCrossan, Commented Feb 17, 2012 at 10:38

Tim Santeford · Accepted Answer · 2014-08-19 13:56:25Z

60

I just had the same problem. I fixed it by always specifying the path when writing the cookie.

$.cookie('basket', value, { path: '/' })

This is an issue with the jquery cookie plugin. It will default to the path of the current page.

edited Aug 19, 2014 at 13:56

answered Feb 18, 2012 at 1:47

Tim Santeford

28.3k17 gold badges77 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mike Howsden Over a year ago

When I tried this method it actually set the cookie (in your case 'basket') to an object with a path property instead of retrieving the cookie.

Aditya M P Over a year ago

That is for SETTING a cookie to the given path, not retrieval.

Larry Williamson Over a year ago

This is WRONG. It creates a cookie with the value of the second parameter.

Dalibor Over a year ago

I don't think this is true, I always write cookie with the path "/" property, I just noticed suddenly I have 2 cookies with same name - different values - it was created in "/" as I expected and miraculously also in path "/about"... Not always, but sometimes this happens.

bitlove · Accepted Answer · 2013-03-18 19:20:05Z

16

In the plugin file change:

config.defaults = {};

to

config.defaults = {path:'/'};

from https://github.com/carhartl/jquery-cookie/issues/2#issuecomment-790288

edited Mar 18, 2013 at 19:20

answered Mar 17, 2013 at 23:33

bitlove

1791 silver badge3 bronze badges

Comments

Mifeet · Accepted Answer · 2015-10-06 10:36:01Z

1

I had the same problem but I found that this occurs only when I minify the jquery.cookie.js and when I put in

config.defaults = {expires: 180, path:'/', domain: '.domain.com' };

it sets the cookie path to '/', whatever internal page is loaded, e.g., yourdomain.com/en/page1/page - cookie path = '/'

edited Oct 6, 2015 at 10:36

Mifeet

13.8k6 gold badges62 silver badges110 bronze badges

answered Oct 6, 2015 at 6:08

Dimitar Stanimirov

111 bronze badge

Comments

zzmaster · Accepted Answer · 2018-01-23 11:32:04Z

1

I don't think that patching plugin's body is a nice idea. Sadly plugin is not configurable.. I use wrapper function:

$.cookie2 = function(key, value, options)
{
    if (typeof value!='undefined')
    { // setting cookie
        var defaults = {expires: 180, path:'/'};
        $.extend(defaults, options || {});
        return $.cookie(key, value, defaults);
    }
    // getting cookie
    return $.cookie(key, value, options);
}

Usage:

// set with defaults defined in wrapper
$.cookie2('name', 'value');

// rewrite defaults or add something
$.cookie2('name', 'value', {expires: 1, something: 'else'});

answered Jan 23, 2018 at 11:32

zzmaster

3271 gold badge6 silver badges17 bronze badges

Comments

Jeetendra Negi · Accepted Answer · 2019-11-14 07:51:02Z

0

use this

$.cookie('basket', value, { path: '/' });

answered Nov 14, 2019 at 7:51

Jeetendra Negi

4534 silver badges3 bronze badges

Collectives™ on Stack Overflow

jQuery Cookie path

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related