How to delete a cookie using jQuery?

Question

I want to use jQuery to delete cookies; I have tried this:

$.cookie('name', '', { expires: -1 });

But when I refresh the page, the cookie is still there:

alert('name:' +$.cookie('name'));

Why?

some browser will delete the cookie only after the browser is restarted. — Eboubaker, Jan 29 '20 at 16:58

score 160 · Accepted Answer · edited Apr 23 '15 at 10:59

160

To delete a cookie with JQuery, set the value to null:

$.cookie("name", null, { path: '/' });

Edit: The final solution was to explicitly specify the path property whenever accessing the cookie, because the OP accesses the cookie from multiple pages in different directories, and thus the default paths were different (this was not described in the original question). The solution was discovered in discussion below, which explains why this answer was accepted - despite not being correct.

For some versions jQ cookie the solution above will set the cookie to string null. Thus not removing the cookie. Use the code as suggested below instead.

$.removeCookie('the_cookie', { path: '/' });

edited Apr 23 '15 at 10:59

Pablo Jomer

9,870
11
54
102

answered Sep 08 '10 at 20:51

Chadwick

12,555
7
49
66

But from the source here: http://plugins.jquery.com/files/jquery.cookie.js.txt : `if (value === null) { value = '';options.expires = -1;}`, that what goes inside the processing function, so they are supposed to perform the same. (parameters are `(name, value, options)`) – aularon Sep 08 '10 at 20:57
9

Is the cookie setting code and test code on the same page? If not, you'll need to explicitly set the `path` in the options to both commands, as it defaults to the path of the current page. Test by setting to root of your domain both in all places where the cookie is read and written: `$.cookie('name', value, {path:'/'})` – Chadwick Sep 08 '10 at 21:11
1

Chadwick>Maybe you are right. For exm. i set cookies in site.com, then go in site.com/user, site.com/user/mod, site.com/user/mod/new and i wish see cookies in all this page. How must looks like path, like this: {path:'/'}? – user319854 Sep 09 '10 at 05:48
@gloris Correct, so in every use of the cookie (read or write) specify the same path, since as you describe, the default path is different for many of your pages. If that works, I'll note in this answer that the final solution is in these comments. – Chadwick Sep 10 '10 at 05:57
When I use ,$.cookie("name", null); this cookie hasn't remove and it still with value of null. I am fine with that...$.removeCookie('cookieName', { path: '/' }); – Cataclysm Aug 08 '13 at 08:36
2

This code doesn't remove the cookie, but set null in its value. – Tomzan Sep 10 '13 at 09:06
13

-1 because this doesn't actually remove the cookie. `$.removeCookie('cookie_name')` does. – Rosdi Kasim Nov 15 '13 at 07:33
+1 this removed the cookie for me properly. $.removeCookie returned an error for us. Dunno what's up there and didn't want to debug it. – akahunahi Nov 18 '14 at 20:56
1

This does not work with certain versions. It will instead set the cookie to "null" use removeCookie instead as described below. – Pablo Jomer Apr 23 '15 at 10:14

score 76 · Answer 2 · edited Jun 05 '14 at 16:07

76

You can try this:

$.removeCookie('the_cookie', { path: '/' });

source: https://github.com/carhartl/jquery-cookie#readme

edited Jun 05 '14 at 16:07

Blazemonger

90,923
26
142
180

answered Jun 05 '13 at 11:32

Gert-Jan Rebel

761
5
4

Yah.. I am fine with that – Cataclysm Aug 08 '13 at 08:36
When you use a sub-domain you may also have to specify it. Especially because the period at the beginning of the domain name may be required (.www.example.com) – Alexis Wilke Oct 15 '13 at 04:25
Note, this did not work for us where the code needed to go into another function for whatever reason. $.cookie('name', null) as above seems to be more reliable. This remove cookie however might work for some people. – akahunahi Nov 18 '14 at 20:57
1

This is actually the real answer! – Kalaschni Feb 10 '15 at 16:20

Jan Richter · Answer 3 · 2014-10-07T10:26:23.347

15

You can also delete cookies without using jquery.cookie plugin:

document.cookie = 'NAMEOFYOURCOOKIE' + '=; expires=Thu, 01-Jan-70 00:00:01 GMT;';

edited Oct 07 '14 at 10:26

answered May 21 '13 at 16:30

Jan Richter

1,976
4
29
49

score 4 · Answer 4 · answered Oct 03 '11 at 10:01

it is the problem of misunderstand of cookie. Browsers recognize cookie values for not just keys also compare the options path & domain. So Browsers recognize different value which cookie values that key is 'name' with server setting option(path='/'; domain='mydomain.com') and key is 'name' with no option.

score 1 · Answer 5 · answered Apr 06 '13 at 01:33

1

Try this

 $.cookie('_cookieName', null, { path: '/' });

The { path: '/' } do the job for you

answered Apr 06 '13 at 01:33

Otto Kanellis

3,629
1
23
24

Andron · Answer 6 · 2014-04-30T13:34:34.287

0

Worked for me only when path was set, i.e.:

$.cookie('name', null, {path:'/'})

edited Apr 30 '14 at 13:34

answered Apr 30 '14 at 12:09

Andron

6,413
4
43
56

Downvoting cause you copy and paste my answer as yours – Otto Kanellis Apr 07 '15 at 04:40
2

@OttoKanellis so I suggest to downwote the accepted answer too (cause it was edited after my answer) and downvote your answer too (cause you haven't highlighted importance of the **path** parameter)! – Andron Apr 08 '15 at 13:00

aularon · Answer 7 · 2014-06-08T15:17:45.343

-3

What you are doing is correct, the problem is somewhere else, e.g. the cookie is being set again somehow on refresh.

edited Jun 08 '14 at 15:17

answered Sep 08 '10 at 21:06

aularon

11,042
3
36
41

4

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Uri Agassi Jun 05 '14 at 16:26
For this very answer, what I am saying is that OP is doing it the right way. Copy-pasting the OP code will be redundant, and adding another code will be confusing to the reader. One can scroll up and see what the OP was doing, it is the "essential part" here. However, if you feel like it will be better to include something (apparently some people, do... One of them even down-voted my answer :) ), just edit the answer and fix it accordingly. Regards – aularon Jun 07 '14 at 17:38
The problem with links is that they tend to "rot" - they change, they move, they disappear (case in point - your link is _already_ dead!). That is why we prefer that you quote the relevant text from the link along with it, so your answer will be self contained (see also http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers) – Uri Agassi Jun 07 '14 at 18:00
I am well aware of that, but again: this is not the case here. The whole answer above can be rewritten as "What you are doing is correct, the problem is somewhere else, e.g. the cookie is being set again somehow on refresh". So, again, link rot is a problem, including the answer itself beside the link is the way to go. It is just irrelevant to this answer. – aularon Jun 08 '14 at 15:15
So again and again, if an answer contains one link, and that link is dead, does not mean the answer is not good enough. Some links are just there to provide additional details, but are not necessary for the completeness of the answer. This behavior seems to me like a badly programmed bot that does not have the basic NLP to understand the context link is given in. You should probably stop doing this. – aularon Jun 08 '14 at 15:24

How to delete a cookie using jQuery?

7 Answers7

Linked

Related