Delete cookie using javascript

Question

I have one function use for writing cookie :

function Search_Click() {
  $.cookie("urlAction", null);
  $.cookie("searchKey", null);
  var searchkey = $('#txtsearch').val();
  var key = decodeURIComponent(searchkey);
  sampleData = "Q=" + key;
  if ($.cookie("urlInStock") != null) {
    action = "NewSearchIn";
  } else {
    action = "NewSearch";
  }
  urlAction = "Pro/" + action + "/";
  $.cookie("searchKey", sampleData);
  $.cookie("urlActionVal", urlAction);
  window.location = "/Pro?tab=2";
}

After Search_Click() is done, the page will redirect to another page with the cookie that I just registered.

Then if a user click on a link, I would like to delete that cookie.

This is what I tried :

 function deleteSearchCookies() {
    $.cookie("searchKey", null);
    $.cookie("urlActionVal", null);
 }

But when I bug in FireBug, the session still exist.

The cookie plugin has a method $.removeCookie? – axel.michel Mar 07 '13 at 09:49 — axel.michel, Mar 07 '13 at 09:49
Why would the session not exist? session != cookie. – gdoron is supporting Monica Mar 07 '13 at 09:49 — gdoron is supporting Monica, Mar 07 '13 at 09:49
@axel.michel : I never try the cookie plugin before. – Nothing Mar 07 '13 at 09:53 — Nothing, Mar 07 '13 at 09:53

score 3 · Answer 1 · answered Mar 07 '13 at 09:49

3

function deleteCookie(name) {
    document.cookie = name+'="";-1; path=/';
}

var login = document.getElementById("loginlink");
login.onclick = function() {
  deleteCookie("name");
};

answered Mar 07 '13 at 09:49

Prabu Parthipan

3,673
2
16
25

score 2 · Accepted Answer · edited May 23 '17 at 12:19

To delete:

function deleteSearchCookies() {
    $.removeCookie("searchKey");
    $.removeCookie("urlActionVal");
}

For more info visit question

if you don't want to use plugin, use (its alternate modify as you wish)

//Creates client side cookie
function Cookie(name, value, minutes) {
   var expires = "";
   if (minutes) {
      var date = new Date();
      date.setTime(date.getTime() + (minutes * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
   }

   document.cookie = name + "=" + value + expires;
}

function deleteSearchCookies() {
    Cookie("searchKey",null,-1);
    Cookie("urlActionVal",null,-1);
}

Can I avoid using the plugin? – Nothing Mar 07 '13 at 10:28 — Nothing, Mar 07 '13 at 10:28

Vladimir Bozic · Answer 3 · 2013-03-07T12:01:45.847

1

delete like this:

$.cookie(cookieName, null, { expires: -1, path: '/' });

Sorry you need to save it with same path like this:

var date = new Date();
date.setTime(date.getTime() + sameValueForTime);
$.cookie(cookieName, value, { expires: date, path: '/' });

Sometimes firebug bugs and shows that cookie is there when it is deleted, but you can only see it in cookie area not use it.

edited Mar 07 '13 at 12:01

answered Mar 07 '13 at 09:48

Vladimir Bozic

434
6
16

1

You need to have an empty line before the code block to highlight the code. – gdoron is supporting Monica Mar 07 '13 at 09:50

Delete cookie using javascript

3 Answers3