Índice
Cookies são pequenos pedaços de dados que ficam armazenados no navegador de quem visita uma página, para que se possam ter alguns dados sobre sua navegação em determinada página, com isso quando a pessoa voltar a visitar o site podemos personalizar sua experiência de navegação , mostrando resultados relacionados à sua visita anterior ou mostrando seus dados pessoais imediatamente.Com HTML5 e ele objeto de documento Podemos escrever cookies usando a linguagem Javascript, graças a isso podemos estender a funcionalidade de nossas páginas, oferecendo uma experiência de navegação mais robusta.
Ler e escrever cookies
Como mencionamos no início, graças ao objeto documento Podemos fazer o manuseio de cookies, com o código a seguir vamos fazer um pequeno exemplo disso, para que possamos entender como os processos são realizados:
Exemplo Adicionar Cookie de Atualização de Cookie
A propriedade cookie funciona de forma peculiar, ao lermos o valor da propriedade obtemos todos os cookies associados ao documento. Os cookies têm uma estrutura de pares de nome / valor e você pode ver nome = valor.
Agora, quando vários cookies forem obtidos, veremos que os obteremos separados por ponto-e-vírgula da seguinte forma: nome1 = valor1; nome2 = valor2; nome3 = valor3. E assim por diante com tudo o que temos.
Agora, o comportamento quando adicionamos um cookie é o seguinte, atribuímos um novo par nome / valor como o valor da propriedade cookie do objeto de documento e, portanto, os cookies do documento são adicionados. Neste processo, só podemos adicionar um cookie por vez, se atribuirmos um valor que corresponda a um nome de cookie existente, ele será atualizado com esse valor.
Assim que tivermos esclarecido a forma como os cookies funcionam, vamos explicar o código que colocamos, vemos que temos dois botões no documento, a cada um foi atribuída uma função Adicionar Cookie para adicionar cookies e Cookie de atualização para atualizá-los, quando usamos o primeiro, a função é ativada createCookie que cria um novo par nome / valor que será adicionado à coleção de cookies do documento, o segundo botão chamará a função updateCookie que atribuirá um novo valor a um cookie existente.
Vamos ver uma captura de tela de como esse código deve funcionar em nosso navegador:
- caminho = Define o caminho associado ao cookie, por padrão é o caminho do documento atual.
- domínio = Ele estabelece o domínio associado ao cookie, por padrão assume o valor do domínio do documento atual.
- max-age = Estabelece a vida útil de um cookie, é contado em segundos e começa a contar a partir do momento de sua criação.
- expira = Defina a data de expiração de um cookie usando o fuso horário GMT. Esta opção só está disponível para uso em uma conexão HTTPS.
