O que são cookies e como trabalhar com eles usando JavaScript
Ao trabalhar com aplicativos em escala industrial, os servidores não conseguem se lembrar de detalhes sobre seus clientes. Quando a sessão termina com o cliente, o servidor remove todas as informações sobre o cliente, é por isso que os cookies são armazenados no lado do cliente. Portanto, na próxima vez, o cliente alcança o servidor com uma solicitação, um cookie é enviado junto com a solicitação para que o servidor já conheça as preferências do cliente.
Quais são os tipos de cookies?
Existem três tipos diferentes de cookies que são:
- Cookies de sessão: Esses cookies são excluídos automaticamente de seus navegadores quando a sessão com o site terminar
- Cookies de primeira parte: Estes são os cookies criados por um site específico e só podem ser lidos por esse site específico
- Cookies de terceiros: Estes são os cookies criados pelo anúncio em execução em um site que você pode ter visitado
Quais são os campos dos cookies?
Geralmente, os cookies parecem pares de nomes-valor, mas consistem em 5 campos diferentes. Esses campos são:
- Nome = pares de valor: Estes são a versão de cookies dos pares de "valor-chave"
- Expira: Isso define quando o cookie expirará do navegador, se nenhuma data de validade for especificada com o cookie, o cookie será excluído quando o navegador for fechado
- Caminho: O caminho do site que colocou o cookie no navegador, se o caminho estiver vazio, excluir um específico pode se tornar um obstáculo
- Domínio: O nome de domínio do site que definiu o cookie
- Seguro: Se este campo estiver definido, o cookie só poderá ser lido por um servidor seguro
Estes são todos os campos variáveis de um biscoito, além do nome = valor Pares todos os outros campos são opcionais
Como usar o JavaScript para trabalhar com cookies?
Os cookies são interagidos por JavaScript usando a seguinte sintaxe:
documento.Cookie = "Nome = Value; expira: 01 de janeiro de 2024; caminho =/;"Para demonstrar trabalho com cookies, vamos configurar uma página da Web HTML com as seguintes linhas dentro da página da web:
É tudo cookies!!
Recebemos a seguinte saída em nosso navegador:
Agora que temos nossa configuração HTML, podemos começar a trabalhar em nosso código JavaScript. A primeira coisa que vamos implementar é a funcionalidade do botão que adicionará um cookie ao nosso navegador com as seguintes linhas de código:
$ ("#add").clique (function ()documento.Cookie = "Nome = Cookie gostoso!";
alerta ("cookie adicionado");
);
Agora, execute o programa e clique no botão que diz: “Clique para adicionar um biscoito gostoso!”, Você obterá a seguinte saída:
Você pode confirmar este cookie indo para o Console do desenvolvedor> Aplicação> Cookies E encontrando o cookie que acabamos de criar como mostrado na imagem abaixo:
Como você pode ver nas ferramentas do desenvolvedor, conseguimos criar com sucesso nosso cookie. A próxima etapa é ler este cookie usando JavaScript e alertar o usuário sobre o cookie no pressionamento do botão, fazemos isso usando as seguintes linhas de código:
$ ("#show").clique (function ()Alerta (documento.biscoito);
);
Clique no botão que diz "Clique para mostrar cookies" e você obterá o seguinte resultado:
Como você pode ver, podemos ler o cookie e exibi -lo para o usuário. Agora, precisamos aprender a excluir um biscoito do navegador. Podemos excluir um cookie no botão pressionar usando as seguintes linhas de código:
$ ("#delete").clique (function ()documento.Cookie = "Nome =; expira = qui, 01 de janeiro de 1970 00:00:01 GMT";
Alerta ("Excluído pelo cookie");
);
Podemos excluir cookies definindo sua data de validade para uma data passada e foi exatamente isso que fizemos no snippet de código acima. Agora, se você pressionar o botão "Clique para excluir cookie", obterá o seguinte resultado:
Para verificar essa exclusão, clique no botão para mostrar os cookies mais uma vez e você obterá o seguinte resultado:
Como você pode ver, a caixa de diálogo alerta não está nos mostrando cookies, isso ocorre porque conseguimos excluir o cookie usando o botão Excluir com sucesso.
Conclusão
Cookies são pequenos arquivos de texto armazenados no computador do cliente ou no navegador do cliente para notificar o servidor das preferências do cliente. Existem três tipos diferentes de cookies, a saber: cookies de sessão, biscoitos de primeira parte e biscoitos de terceiros. Um cookie contém 5 campos diferentes dos quais apenas um é obrigatório e os 4 campos restantes são opcionais. As funções de cookies são feitas em JavaScript usando o documento.biscoito atributo. Neste post, aprendemos a trabalhar com cookies usando JavaScript.