Como excluir um cookie?

338

Minha função de criar um cookie está correta? Como faço para excluir o cookie no início do meu programa? existe uma codificação simples?

function createCookie(name,value,days)
function setCookie(c_name,value,1) {
  document.cookie = c_name + "=" +escape(value);
}

setCookie('cookie_name',mac);

function eraseCookie(c_name) {
  createCookie(cookie_name,"",-1);
}
Kennedy
fonte
11
O w3schools possui boas funções para cookies em w3schools.com/js/js_cookies.asp . Você pode usar setCookie('name', 'value', 0)para excluir um cookie.
Pete

Respostas:

341

Tente o seguinte:

function delete_cookie( name, path, domain ) {
  if( get_cookie( name ) ) {
    document.cookie = name + "=" +
      ((path) ? ";path="+path:"")+
      ((domain)?";domain="+domain:"") +
      ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
  }
}

Ou:

function delete_cookie( name ) {
  document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

Você pode definir get_cookie()assim:

function get_cookie(name){
    return document.cookie.split(';').some(c => {
        return c.trim().startsWith(name + '=');
    });
}
ACP
fonte
2
como faço para definir uma função e verificar quais são meus cookies e se eles expiram?
Kennedy
61
get_cookie não está definido
Kreker 04/07
9
A segunda versão da função não funciona mais Consulte jsfiddle jsfiddle.net/b27Lgxgf/1 . Abordagem nos trabalhos de resposta do @Luca
Tasos K.
6
Como é que isso deveria funcionar? JavaScript não tem get_cookie()função interna.
Michał Perłakowski 12/04
4
@ MichałPerłakowski Tenho certeza de que foi apenas um espaço reservado / referência a uma função real que você definiria em outro lugar.
21818 JSeligsohn
113

Aqui está um bom link no Quirksmode .

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}
Luca Matteis
fonte
20
nota: toGMTString foi preterido em favor detoUTCString
drzaus
4
nota: caso não funcione, verifique se pathestá correto. consulte: developers.google.com/web/tools/chrome-devtools/manage-data/…
Gayan Weerakutti
domínio deve ser adicionado.
Michael Kapustey
3
Também é importante notar que o caminho e o domínio precisam ter valores corretos.
Esko
Testado, funciona perfeitamente mesmo no WKWebView, antes do carregamento da página. Bom trabalho na solução.
Pashan
31

isso funcionaria?

function eraseCookie(name) {
    document.cookie = name + '=; Max-Age=0'
}

Eu sei que Max-Agefaz com que o cookie seja um cookie de sessão no IE ao criar o cookie. Não sabe ao certo como funciona ao excluir cookies.

Collin Anderson
fonte
17

Você pode fazer isso definindo a data de validade para ontem.

Configurá-lo para "-1" não funciona. Isso marca um cookie como um Sessioncookie.

Markus Nordhaus
fonte
seu exemplo não funcionará se você definir o cookie em outra página e tentar excluí-lo de uma página diferente. o conjunto funciona, mas não pode excluí-lo.
Chovy 12/10/12
2
Acabei usando isso: github.com/carhartl/jquery-cookie E você tem que excluir usando o caminho: '/'
chovy
Essa é uma boa abordagem, exceto ... apenas defina o tempo de expiração para zero. Isso causará expiração instantânea e não será confuso para ninguém ("Por que o desenvolvedor definiu o tempo de expiração para ontem? Foi um erro, eles queriam uma vida útil de um dia?"). Escreva o código para que faça mais sentido, e sua vida será menos confusa. Atualmente, essa é uma filosofia subvalorizada da codificação ... Até o MDN sugere definir o tempo de expiração para zero para excluir um cookie.
Dudewad 29/04/19
16

Aqui está uma implementação de uma função de exclusão de cookie com suporte a unicode do Mozilla:

function removeItem(sKey, sPath, sDomain) {
    document.cookie = encodeURIComponent(sKey) + 
                  "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + 
                  (sDomain ? "; domain=" + sDomain : "") + 
                  (sPath ? "; path=" + sPath : "");
}

removeItem("cookieName");

Se você usa AngularJs, tente $ cookies.remove (abaixo, ele usa uma abordagem semelhante ):

$cookies.remove('cookieName');
Vitalii Fedorenko
fonte
10

Para excluir um cookie, defino-o novamente com um valor vazio e expirando em 1 segundo. Em detalhes, eu sempre uso um dos seguintes sabores (eu prefiro o segundo):

1

    function setCookie(key, value, expireDays, expireHours, expireMinutes, expireSeconds) {
        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }
        document.cookie = key +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie(name, "", null , null , null, 1);
    }

Uso:

setCookie("reminder", "buyCoffee", null, null, 20);
deleteCookie("reminder");

2

    function setCookie(params) {
        var name            = params.name,
            value           = params.value,
            expireDays      = params.days,
            expireHours     = params.hours,
            expireMinutes   = params.minutes,
            expireSeconds   = params.seconds;

        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }

        document.cookie = name +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie({name: name, value: "", seconds: 1});
    }

Uso:

setCookie({name: "reminder", value: "buyCoffee", minutes: 20});
deleteCookie("reminder");
Luca Borrione
fonte
8

Algumas das outras soluções podem não funcionar se você criou o cookie manualmente.

Aqui está uma maneira rápida de excluir um cookie:

document.cookie = 'COOKIE_NAME=; Max-Age=0; path=/; domain=' + location.host;
Lemmings19
fonte
6

Ocorreu um problema ao excluir um cookie criado via JavaScript e depois de adicionar o host que funcionava (role o código abaixo à direita para ver o location.host). Depois de limpar os cookies em um domínio, tente o seguinte para ver os resultados:

if (document.cookie.length==0)
{
 document.cookie = 'name=example; expires='+new Date((new Date()).valueOf()+1000*60*60*24*15)+'; path=/; domain='+location.host;

 if (document.cookie.length==0) {alert('Cookies disabled');}
 else
 {
  document.cookie = 'name=example; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain='+location.host;

  if (document.cookie.length==0) {alert('Created AND deleted cookie successfully.');}
  else {alert('document.cookies.length = '+document.cookies.length);}
 }
}
John
fonte