Javascript – #4.09. Cookies. Introducción

Lección
Materiales

Estamos cansados de aceptar toooooodas las cookies en aquellos sitios webs que visitamos. Pero, ¿qué son las cookies y cómo podemos crear las nuestras propias utilizando Javascript?

Las cookies son datos almacenados en pequeños ficheros de texto dentro de nuestro equipo. Es importante tener esto en cuenta porque si cambiamos de equipo y ejecutamos el mismo código (accedemos a la misma página web) las cookies no se mantienen.

Imagina que accedes a un sitio web a través de un navegador al que le indicas ciertos datos (por ejempo, tu nombre, tu idioma o tu ubicación). Tras cerrar el navegador, el sitio perdería la información relacionada con tu visita y cada vez que entraras volvería a requerirla.

Para solucionar esa «pérdida», surgieron las cookies que, en este caso, tendrían almacenado tu nombre, idioma y ubicación: si trataras de volver a acceder a la web, estos datos ya aparecerían almacenados sin necesidad de volver a introducirlos, ofreciéndote una experiencia «personalizada».

Las cookies se guardan en pares de tipo nombre-valor. Por ejemplo: nombre = Ada. Cuando un navegador solicita una página web de un servidor, todas aquellas cookies que pertenecen a la página son asociadas a la petición. De este modo, el servidor obtiene los datos necesarios para recordar la información de los usuarios.

Aunque hay una serie de cuestiones a tener en cuenta, la sintaxis de las cookies, a grandes rasgos, es la siguiente:

todasLasCookies = document.cookie; //Mostrar todas las cookies
document.cookie = nuevaCookie; //Escribir una cookie
Edu consejo

Aunque las cookies aún están muy extendidas te recomiendo que le eches un ojo al WebStorage: más seguridad, más capacidad… ¡no te defraudará!

En esta lección veremos cómo crear, leer, modificar y borrar una cookie utilizando unos sencillos ejemplos:

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!