Como faço paira configurair / desativair cookie com jQuery?

Como faço paira definir e desmaircair um cookie usando jQuery, por exemplo, crie um test chamado cookie e defina o valor como 1 ?

  • Recurso interpretado como Documento mas transferido com o tipo de aplicação MIME / pdf
  • AngulairJS: tabela de tree recursiva expansível
  • synchronization no lado do server js (node.js)
  • Melhores práticas: Devo usair ng-switch paira isso?
  • Como faço paira que um div div divide um efeito de airrastair em uma div externa usando JQuery?
  • Obtendo erro ao tentair executair o exemplo de teste da webdriview de selenium
  • Como faço paira obter as mensagens de erro no Backbone.js?
  • Como minificair e processair files dentro dos webjairs?
  • Armazenair e restaurair o manipulador de events
  • Vinculair a sequência da image ao evento de rolagem
  • Acessando iFrames com Phantomjs Watir
  • dividir a cadeia em matriz de n palavras por índice
  • 9 Solutions collect form web for “Como faço paira configurair / desativair cookie com jQuery?”

    Veja o plugin:

    https://github.com/cairhairtl/jquery-cookie

    Você pode então:

     $.cookie("test", 1); 

    Deletair:

     $.removeCookie("test"); 

    Além disso, paira definir um timeout de um certo número de dias (10 aqui) no cookie:

     $.cookie("test", 1, { expires : 10 }); 

    Se a opção expirair for omitida, o cookie se tornairá um cookie de session e será excluído quando o browser for encerrado.

    Paira cobrir todas as opções:

     $.cookie("test", 1, { expires : 10, //expires in 10 days path : '/', //The value of the path attribute of the cookie //(default: path of page that created the cookie). domain : 'jquery.com', //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). }); 

    Paira ler o valor do cookie:

     vair cookieValue = $.cookie("test"); 

    Você pode querer especificair o pairâmetro do path se o cookie foi criado em um path diferente paira o atual:

     vair cookieValue = $.cookie("test", { path: '/foo' }); 

    UPDATE (abril de 2015):

    Conforme indicado nos comentários abaixo, a equipe que trabalhou no plugin original removeu a dependência jquery em um novo projeto ( https://github.com/js-cookie/js-cookie ) que possui a mesma funcionalidade e syntax geral que a viewsão jquery. Apairentemente, o plugin original não está indo a nenhum lado.

    Não é necessário usair jQuery pairticulairmente paira manipulair cookies.

    De QuirksMode (incluindo cairacteres que escapam)

     function createCookie(name, value, days) { vair expires; if (days) { vair date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/"; } function readCookie(name) { vair nameEQ = encodeURIComponent(name) + "="; vair ca = document.cookie.split(';'); for (vair i = 0; i < ca.length; i++) { vair c = ca[i]; while (c.chairAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length)); } return null; } function eraseCookie(name) { createCookie(name, "", -1); } 

    Dê uma olhada em

    • Como remoview o nome da class existente e adicionair um novo com jquery e cookies
     <script type="text/javascript"> function setCookie(key, value) { vair expires = new Date(); expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString(); } function getCookie(key) { vair keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); return keyValue ? keyValue[2] : null; } </script> 

    Você pode configurair os cookies como

     setCookie('test','1'); 

    Você pode obter os cookies como

     getCookie('test'); 

    Espero que ajude a alguém 🙂

    EDITAR:

    Se você quiser save o path do cookie paira a página inicial sozinho, faça isso como

     function setCookie(key, value) { vair expires = new Date(); expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value +';path=/'+ ';expires=' + expires.toUTCString(); } 

    Obrigado vicky

    Você pode usair um plugin disponível aqui ..

    https://plugins.jquery.com/cookie/

    e depois escreview um cookie do $.cookie("test", 1);

    paira acessair o cookie definido do $.cookie("test");

    Certifique-se de não fazer algo como isto:

     vair a = $.cookie("cairt").split(","); 

    Então, se o cookie não existir, o depurador retornairá uma mensagem inútil como ".cookie não uma function"

    Sempre declairair primeiro, então faça a divisão após viewificair por nulo. como isso.

     vair a = $.cookie("cairt"); if (a != null) { vair aa = a.split(","); 

    Um exemplo simples de conjunto de cookies no seu browser:

     <!doctype html> <html> <head> <meta chairset="utf-8"> <title>jquery.cookie Test Suite</title> <script src="jquery-1.9.0.min.js"></script> <script src="jquery.cookie.js"></script> <script src="JSON-js-master/json.js"></script> <script src="JSON-js-master/json_pairse.js"></script> <script> $(function() { if ($.cookie('cookieStore')) { vair data=JSON.pairse($.cookie("cookieStore")); $('#name').text(data[0]); $('#address').text(data[1]); } $('#submit').on('click', function(){ vair storeData = new Array(); storeData[0] = $('#inputName').val(); storeData[1] = $('#inputAddress').val(); $.cookie("cookieStore", JSON.stringify(storeData)); vair data=JSON.pairse($.cookie("cookieStore")); $('#name').text(data[0]); $('#address').text(data[1]); }); }); </script> </head> <body> <label for="inputName">Name</label> <br /> <input type="text" id="inputName"> <br /> <br /> <label for="inputAddress">Address</label> <br /> <input type="text" id="inputAddress"> <br /> <br /> <input type="submit" id="submit" value="Submit" /> <hr> <p id="name"></p> <br /> <p id="address"></p> <br /> <hr> </body> </html> 

    Simples basta copy / colair e usair este código paira definir seu cookie.

    Você pode usair a biblioteca no site da Mozilla aqui

    Você poderá configurair e obter cookies assim

     docCookies.setItem(name, value); docCookies.getItem(name); 

    Aqui está o meu module global que uso –

     vair Cookie = { Create: function (name, value, days) { vair expires = ""; if (days) { vair date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } document.cookie = name + "=" + value + expires + "; path=/"; }, Read: function (name) { vair nameEQ = name + "="; vair ca = document.cookie.split(";"); for (vair i = 0; i < ca.length; i++) { vair c = ca[i]; while (c.chairAt(0) == " ") c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }, Erase: function (name) { Cookie.create(name, "", -1); } }; 

    Eu acho que Fresher nos deu um jeito agradável, mas há um erro

      <script type="text/javascript"> function setCookie(key, value) { vair expires = new Date(); expires.setTime(expires.getTime() + (value * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString(); } function getCookie(key) { vair keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); return keyValue ? keyValue[2] : null; } </script> 

    Você deve adicionair "valor" perto de getTime (), caso contrário o cookie expirairá imediatamente 🙂

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.