How to set Cookie using JavaScript

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.

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 = / '; }

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:

Como definir o cookie usando JavaScript

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>


Akash Roshan

Akash is a PHP developer and wants to share his knowledge through Blogs. He is currently growing in the IT industry while fulfilling his own goals.

Leave a Reply

Your email address will not be published. Required fields are marked *