em

Trabalhando com cookies em JavaScript

Anúncios

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>

Anúncios

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" />

Anúncios



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

Anúncios

Deixe um comentário

O seu endereço de e-mail não será publicado.