Cookie do JavaScript

Os cookies permitem que você armazene informações no navegador do usuário.

O que é Cookie?

Cookie é um pequeno arquivo de texto que permite armazenar uma quantidade pequena de dados no computador do usuário (aproximadamente4KB).

Após o servidor web enviar a página para o navegador, a conexão é encerrada e o servidor esquece todas as informações sobre o usuário.

Cookies foram inventados para resolver o problema de 'como lembrar informações sobre o usuário'.

Os cookies podem ser usados para rastrear informações, como preferências do usuário, para que o site possa recuperá-las e personalizar a página na próxima vez que o usuário visitar o site.

Os cookies são salvos na forma de pares 'nome=valor', por exemplo:

username = Seagull

Quando o navegador solicita uma página do servidor, os cookies pertencentes à página são adicionados à solicitação. Dessa forma, o servidor obterá os dados necessários para 'lembrar' informações sobre o usuário.

Usar JavaScript para criar Cookie

No JavaScript, você pode usardocument.cookiePropriedades de criação, leitura e exclusão de Cookie.

Pode criar um cookie assim:

　　document.cookie = "username=Seagull";

Você também pode adicionar a data de expiração (em tempo UTC). Padrãomente, o cookie é removido quando o navegador é fechado:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC";

Usar o parâmetro path, você pode informar o navegador qual caminho o cookie pertence. Padrãomente, o cookie pertence à página atual:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Usar JavaScript para ler Cookie

No JavaScript, você pode ler cookie assim:

　　var x = document.cookie;

Ler cookie é um pouco mais complicado porque odocument.cookieA propriedade retorna uma string que contém uma lista separada por espaços de todos os cookies, contendo apenas pontos e vírgulas (por exemplo, pares de nome=valor, por exemplo cookie1 = value; cookie2 = value; cookie3 = value). Para obter um cookie único dessa lista, você precisa usarsplit()Método para dividir em pares de nome = valor únicos e procurar por um nome específico.

Esta string não contém atributos, como expires, path, domain, etc., que podem já pertencer ao conjunto de Cookies.

Usar JavaScript para alterar Cookie

A única maneira de alterar ou modificar um cookie é criar um com o mesmo nome e caminho do cookie existente.

　　document.cookie = "username=Ankit; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Atenção:Criar um cookie com o mesmo nome mas com um caminho de cookie diferente não alterará o cookie existente, mas adicionará um cookie extra.

Usar JavaScript para remover Cookie

Remover Cookie é muito fácil. Remover Cookie:

• Basta usar novamente o mesmo nome de configuração, especificar um valor vazio

• ou defina o parâmetro expires para a data passada

　　document.cookie = "username=; expires=Thu, 01　Jan　1970 00:00:00 UTC; path=/";

Lembre-se de que, se o seu path for cookie especificado ou outras propriedades, também precisará incluí-las ao removê-lo.

Exemplo de JavaScript Cookie

No exemplo a seguir, criaremos um cookie para armazenar o nome do usuário.

Quando o usuário visitar a página pela primeira vez, ele será solicitado/Ela preencherá seu nome. Em seguida, o nome será armazenado no cookie.

Quando o usuário visitar a mesma página novamente, ele/Ela obterá o valor armazenado no cookie.

Para o exemplo, criaremos2um JavaScript função:

• Função para definir o valor do cookie

• Função para obter o valor do cookie

Armazenar cookie

Primeiro, criamos uma função que armazena o nome do visitante em uma variável de cookie.

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}

Descrição da função:

Os parâmetros dessa função são o nome do cookie (cname) e o valor do cookie (cvalue).

Esta função define o cookie usando o nome do cookie, o valor do cookie e a string expires (1Soma os meses juntos para definir o cookie.

Ler cookie

Então, criamos uma função que exibe o valor do cookie especificado.

function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr　=　allcookies.split(';');
　　for(var　i　=　0;　i　<　cookieArr.length;　i++)　{
　　　　　var　cookiePair　=　cookieArr[i].split("=");
　　　　　if(cname　==　cookiePair[0].trim())　{
　　　　　　　　document.write　("Key　is:　"　+　cookiePair[0]　+　"　and　Value　is:　"　+　cookiePair[1
　　　　　}
　　}
}

Descrição da função:

Esta função usa o nome do cookie como parâmetro (cname).

Obter todos os cookies (allcookies = document.cookie).

Dividir document.cookie pelo ponto e vírgula em um array chamado cookieArr (cookieArr = allcookies.split(';'

var i = 0; i <cookieArr.length; i ++]), e ler cada valor (cookiePair = cookieArr [i]).

Se encontrar o cookie (cname == cookiePair [0]), escrever a chave e o valor do cookie (cookiePair [0], cookiePair [1]).

Juntar tudo

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}
function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr　=　allcookies.split(';');
　　for(var　i　=　0;　i　<　cookieArr.length;　i++)　{
　　　　　var　cookiePair　=　cookieArr[i].split("=");
　　　　　if(cname　==　cookiePair[0].trim())　{
　　　　　　　　　　　document.write　("Key　is:　"　+　cookiePair[0]　+　"　and　Value　is:　"　+　cookiePair[1
　　　　　}
　　}
}

Atributos do Cookie

Cookies têm5Registro de dados de texto puro de uma propriedade: