Trabalhando com cookies em JavaScript

Hoje eu quero mostrar a vocês uma maneira super simples de escrever e ler valores em cookeies usando JavaScript.

As cookies são arquivos de texto usados para que websites posam trocar informações com os navegadores de Internet (browsers), essas informações podem ser usadas por exemplo para autenticação de usuários, identificação de sessões de login, pré-carregamento de preferências pessoais, guardar conteúdo de carrinhos de compra ou qualquer outro tipo de dados que posam ser armazenados no formato de texto.

Por se tratar de um arquivo de texto, as cookies podem ser acessadas por qualquer linguagem web, como javascript, php, python, etc.

Aqui esta o código:

<script type="text/javascript">
function criaCookie(chave, value) {
 var expira = new Date();
 expira.setTime(expira.getTime() + 87600000); //expira dentro de 24h
 document.cookie = chave + '=' + value + ';expires=' + expira.toUTCString(); 
 }
function lerCookie(chave) {
var ChaveValor = document.cookie.match('(^|;) ?' + chave + '=([^;]*)(;|$)');
 return ChaveValor ? ChaveValor[2] : null; 
 }
criaCookie('valor','1234');
</script>

Nesse primeiro bloco escrevemos duas funções, a primeira cria nossa cookie e passa os seus valores que serão gravados, já a segunda possibilita ao navegador fazer a leitura da dos dados armazenados na cookie.

<script type="text/javascript">
function checkCokie() {
if (lerCookie('valor') == '1234') {
alert('Seu biscoito esta pronto!');
}
}
</script>
<input onclick="checkCokie()" type="button" value="Verificar Cookie" />



Esse é apenas um exemplo básico de uso, o resto fica a cargo de sua imaginação 🙂

Gostou dessa matéria?

Inscreva seu email para receber atualizações com as últimas publicações do nosso blog.
[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true" success_message="Sucesso! Enviamos um e-mail para confirmar a sua assinatura. Encontre o e-mail agora e clique em 'Confirmar' para iniciar a inscrição."]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *