Cookies JavaScript - Como criar, ler e excluir cookies?



Cookies são dados armazenados em pequenos arquivos de texto. Ele ajuda a armazenar informações do usuário em páginas da web e lembra dos detalhes do usuário posteriormente.

Os cookies ajudam a armazenar informações do usuário em páginas da web. É um dos métodos mais eficientes de lembrar e rastrear preferências, compras, comissões e outras informações necessárias para uma melhor experiência do visitante ou estatísticas do site. Nisso Artigo Cookies, vamos nos aprofundar nos cookies na seguinte sequência:

O que são cookies?

Cookies são dados armazenados em pequenos arquivos de texto em seu sistema. Quando um servidor da web envia uma página da web para um navegador, a conexão é encerrada e o servidor esquece tudo sobre o usuário.





Os cookies foram inventados para resolver o problema de lembrar as informações sobre o usuário. Por exemplo:

  • Quando um usuário visita uma página da web, seu nome pode ser armazenado em um cookie.



  • Na próxima vez que o usuário visitar a página, o cookie se lembrará do nome do usuário.

Ele lembra as informações do usuário entre todas as páginas da web. Ele contém as informações como um e na forma de um par nome-valor separado por ponto e vírgula, como:

username = Daisy Green

Agora vamos ver como esses cookies funcionam.



como terminar o programa java

Como funciona?

O servidor envia alguns dados para o navegador do visitante na forma de um cookie. Agora, o navegador pode aceitar o cookie. Em caso afirmativo, ele é armazenado como um registro de texto simples no disco rígido do visitante.

cookie- cookies javascript - edurekaQuando o visitante chega a outra página do seu site, o navegador envia o mesmo cookie para o servidor para recuperação. Depois de recuperado, seu servidor sabe ou lembra o que foi armazenado antes.

Cookies consistem em 5 campos de comprimento variável :

  • Expira & menos Mostra a data em que o cookie irá expirar. Se estiver em branco, o cookie irá expirar quando o visitante sair do navegador.

  • Domínio & menos O campo de domínio fornece o nome de domínio do seu site.

  • Caminho & minus É o caminho para o diretório ou página da web que define o cookie. Isso pode ser deixado em branco se você quiser recuperar o cookie de qualquer diretório ou página.

  • Seguro & minus Se este campo contiver a palavra “seguro”, o cookie só pode ser recuperado com um servidor seguro. Se este campo estiver em branco, não há tais restrições.

  • Nome = Valor & minus Representa os cookies que são definidos e recuperados na forma de pares de valores-chave.

Agora que você sabe o que são cookies e como funcionam, vamos nos aprofundar nos cookies JavaScript.

Cookies JavaScript

Em JavaScript, você pode manipular cookies com a propriedade cookie do objeto Document. JavaScript pode ler, criar, modificar e excluir os cookies que se aplicam à página da web atual. Então, vamos dar uma olhada nos exemplos e entender como os cookies são usados ​​em JavaScript.

Criar Cookies

JavaScript pode criar cookies com o document.cookie propriedade. Você pode criar o cookie da seguinte maneira:

document.cookie = 'username = Daisy Green'

Você também pode adicionar uma data de validade para o seu cookie. Por padrão, o cookie será excluído quando o navegador for fechado:

document.cookie = 'username = Daisy Green expires = Seg, 26 de agosto de 2019 12:00:00 UTC'

Você também pode dizer ao navegador a qual caminho o cookie pertence com a ajuda de um parâmetro. Por padrão, o cookie pertence à página atual.

document.cookie = 'username = Daisy Green expires = Seg, 26 de agosto de 2019 12:00:00 UTC' path = / '

Leia um Cookie

Ler um cookie é tão simples quanto escrever um, pois o valor do objeto document.cookie é o cookie. Você pode usar esta string sempre que quiser acessar o cookie. A string document.cookie mantém uma lista de pares name = value separados por ponto e vírgula, onde name representa o nome do cookie e value é o valor da string.

Os cookies JavaScript podem ser lidos da seguinte maneira:

var x = document.cookie

Exemplo: