Objetivo: Para aprender como criar e ler o cookie usando JavaScript. Cookie é um pequeno pedaço de dados que é salvo no dispositivo do usuário pelo site. É útil no armazenamento de dados para identificar o usuário ou para rastrear o usuário. Quando o usuário visita novamente o site, os dados armazenados podem ser lidos facilmente.
Etapa 1: para definir o cookie no dispositivo do usuário
Pela função createCookie (), você pode criar facilmente o cookie passando o nome, valor (dados que você quer armazenar) e data de expiração.
function createCookie (nome, valor, dias) {if (dias) {var date = new Data (); date.setTime (date.getTime () + (dias * 24 * 60 * 60 * 1000)); var expira = '; expira =' + data.toGMTString (); } else {var expira = ''; } // setting cookie document.cookie = nome + '=' + valor + expira + '; caminho = / '; }
Step2: Para ler o cookie
Você pode facilmente ler o cookie usando a função abaixo, fornecendo o nome do cookie.
function readCookie (name) {var nomeEQ = nome + '='; // lendo o cookie var ca = document.cookie.split (';'); // processando para obter o conteúdo para (var i = 0; i <comprimento_campo; i ++) {var c = ca [i]; while (c.charAt (0) == '') {c = c.substring (1, c.length); } if (c.indexOf (nameEQ) == 0) {// retornando retorno de conteúdo real c.substring (nameEQ.length, c.length); }} return null; }
Exemplo: Exemplo para armazenar o nome de usuário no cookie.
if (cookies == 'yes') {jQuery ('documento'). ready (function () {// bolando cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// chamando para criar o cookie se não for encontrado createCookie ('YourWebsite', 'user_name = akash', 30);}}); }
Você pode ver o cookie armazenado no console do navegador:
Dependência: Você precisará incluir o arquivo jquery min js para executar o exemplo. Para isso, você pode usar abaixo da linha de código.
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </ script>