How to set Cookie using JavaScript

Objetivo: Para aprender sobre cómo crear y leer la cookie usando JavaScript. Cookie es una pequeña pieza de datos que se guarda en el dispositivo del usuario por sitio web. Es útil para almacenar cualquier dato para identificar al usuario o para rastrearlo. Cuando el usuario vuelve a visitar el sitio web, los datos almacenados se pueden leer fácilmente.

Paso 1: para configurar la cookie en el dispositivo del usuario

Mediante la función createCookie (), puede crear fácilmente la cookie al pasar el nombre, el valor (los datos que desea almacenar) y la fecha de caducidad.

function createCookie (nombre, valor, días) {if (days) {var date = new Date (); date.setTime (date.getTime () + (días * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } // configurando la cookie document.cookie = nombre + '=' + valor + caduca + '; ruta = / '; }

Step2: Para leer la cookie.

Puede leer fácilmente la cookie usando la siguiente función proporcionando el nombre de la cookie.

función readCookie (nombre) {var nombreEQ = nombre + '='; // leyendo la cookie var ca = document.cookie.split (';'); // procesando para obtener el contenido de (var i = 0; i <ca.length; i ++) {var c = ca [i]; while (c.charAt (0) == '') {c = c.substring (1, c.length); } if (c.indexOf (nameEQ) == 0) {// devuelve el contenido real devuelve c.substring (nameEQ.length, c.length); }} devolver nulo; }

Ejemplo: Ejemplo para almacenar el nombre de usuario en la cookie.

if (cookies == 'yes') {jQuery ('document'). ready (function () {// reding cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// call para crear la cookie si no se encuentra createCookie ('YourWebsite', 'user_name = akash', 30);}}); }

Puedes ver la cookie almacenada en la consola del navegador:

Dependencia: Deberá incluir el archivo jquery min js para ejecutar el ejemplo. Para esto, puedes usar la línea de código de abajo.

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>