Visão geral de cookies em JavaScript
Cookies são informações ou informações do usuário ou podemos dizer dados. Ele é armazenado no computador do usuário e contém basicamente as informações do usuário para lembrá-las da próxima vez se a conexão for perdida do servidor ou algo assim. É um mecanismo para lembrar as informações do usuário ou acompanhar a atividade de navegação do usuário. JavaScript também funciona da mesma maneira para manter as informações do usuário. Ele armazena um pequeno arquivo de texto em nossa área de trabalho. Se um usuário visita uma página da Web, ele armazena seu valor para que o cookie se lembre do nome.
Como os cookies funcionam em JavaScript?
Sempre que solicitamos ao servidor, ele envia alguns dados para os navegadores do usuário na forma de um cookie. No navegador, temos algumas configurações para um cookie. O navegador pode aceitar o cookie. Se o navegador aceitar o cookie, ele terá a forma de par nome-valor no sistema do usuário. Portanto, sempre que um usuário visita uma página diferente no navegador do site, envia as mesmas informações sobre o usuário ao servidor para informá-lo sobre os dados do usuário para recuperação posterior.
os cookies são armazenados na forma de texto sem formatação. Algumas das propriedades do cookie são as seguintes,
1. Nome = par de valores
O cookie é armazenado na forma de par de chave e valor e recuperado apenas da mesma maneira.
Exemplo:
nome de usuário = valor;
; idade máxima = idade máxima em segundos (por exemplo, 60 * 60 * 24 * 365)
2. Expirar
Temos uma data em que esses dados expirarão; se não tivermos nenhum valor para uma data ou estiver vazio, o cookie expirará quando o usuário acessar o navegador ou sair dele.
Exemplo:
; expira = data no formato GMTString. Se não mencionarmos expirar nem atingir a idade máxima, ela expirará quando sair ou terminar a sessão atual, conforme explicado acima.
3. Seguro
Se este campo contiver a palavra "seguro", não será possível recuperar o cookie, ele poderá ser recuperado apenas do servidor seguro, caso contrário, não haverá esse tipo de restrição. Essa é outra maneira de proteger nossas informações de usuário de servidores não confiáveis.
4. Anfitrião
Isso fornece dois benefícios, um é que nos permite usar um cookie da origem segura, bem como o escopo do cookie também é limitado ao atributo de caminho que passamos do servidor. Portanto, abrange duas funções, uma para segurança e outra também para o atributo path.
Se o servidor não desejar fornecer o atributo path, o "diretório" da solicitação será usado. Para o navegador Chrome, o atributo path é sempre a origem.
Ele também aponta que o atributo domain não está presente, o que impede que o cookie seja enviado para outros domínios mencionados.
5. Caminho
Este é o caminho que define o cookie. Se esse caminho estiver em branco, você poderá recuperar o cookie de qualquer página. O caminho deve ser absoluto.
Exemplo:
; caminho = caminho (por exemplo, '/', '/ mypath')
6. Domínio
Ele contém o nome do site.
Exemplo:
; samesite: Protegerá o navegador de enviar este cookie para qualquer outra página ou solicitação entre sites. Possui dois valores possíveis para o sinalizador.
O par chave = valor pode usar ou o valor do cookie pode usar o URI codificado apenas para garantir que a cadeia não contenha espaços em branco, ponto e vírgula, vírgulas. O valor do cookie não contém todas as restrições mencionadas acima. Usando JavaScript, podemos criar, recuperar e excluir o cookie. Para isso, usamos a propriedade cookie do objeto de documento para podermos manipular o objeto cookie.
Assim, o JavaScript pode criar, ler e modificar cookies na página atual.
Sintaxe de cookies em JavaScript
A seguir, a sintaxe do javascript explica em detalhes,
1. Escrevendo um novo cookie
Sintaxe:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
A sintaxe acima para mostrar apenas um par de chave = valor e outra é uma maneira de definir vários cookies ao mesmo tempo. Mas aqui o atributo Expirar é opcional. Se fornecermos a esse atributo qualquer data ou hora válida, ele removerá o cookie nessa data e hora, caso contrário, nada acontecerá e o cookie ainda estará acessível.
Aqui estamos definindo o valor para a propriedade cookie do objeto de documento. Na sintaxe acima document.cookie = value é um formulário pf key = value. Precisamos lembrar de uma coisa ao definir o valor de um cookie, de que só podemos definir um cookie por vez. (criar / atualizar)
Código:
function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)
Resultado:
2. Lendo Cookies
Sintaxe:
allCookieValue = document.cookie
Na sintaxe acima, allCookieValue conterá todos os valores do cookie separados por ponto e vírgula, portanto, é basicamente uma string separada por ponto e vírgula. Sob a forma de chave = valor par.
3. Redefinir o valor do cookie
Código:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Como excluir um cookie no JavaScript?
Às vezes, queremos excluir alguns valores de cookies. Mas, para excluir o valor, apenas configuramos o atributo expirar date para algum valor passado.
Código:
function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)
Resultado:
Conclusão
Portanto, os cookies basicamente resolvem o problema de como podemos lembrar o usuário e suas informações. Ele salva como par de bane-value. Ele usa um método diferente para verificar se o usuário está conectado ou não, por exemplo, autentica o método de cookie. Sem esse tipo de método, podemos decidir que o servidor deve enviar as informações ou não.
Artigos recomendados
Este é um guia para cookies em JavaScript. Aqui discutimos o funcionamento, sintaxe e como excluir o cookie em javascript a. Você também pode consultar os seguintes artigos para saber mais:
- Criando e excluindo cookies no PHP
- Como as variáveis funcionam em JavaScript?
- Os 6 principais compiladores de JavaScript
- Como criar um objeto JavaScript?