Jquery.Cookie es un Plugin Jquery sencilloy ligiero para leer, escribir y borrar cookies. Empezamos con su installación incluyendo el escrípt después de la librería jQuery
<script src="/path/to/jquery.cookie.js"></script>
Utilización
Para crear una sesión persistente del cookie usamos $.cookie:
$.cookie('el_cookie', 'el_valor');
Si queremos crear cookies temporales, por ejemplo que acaben en 7 días:
$.cookie('el_cookie', 'el_valor', { expires: 7 });
Y crear cookies temporales, validos para toda la web:
$.cookie('el_cookie', 'el_valor', { expires: 7, path: '/' });
Ahora vamos a leer un cookie gracias a su nombre de identificación:
$.cookie('el_cookie'); // => "el_valor"
$.cookie('not_existing'); // => undefined
También podemos leer todos los cookies disponibles:
$.cookie(); // => { "el_cookie": "el_valor", "...quedan": "cookies" }
Y para borrar un cookie:
// Devuelve true cuando se encuentra el cookie
$.removeCookie('el_cookie');
// Misma ruta que hemos puesto para escribir el cookie...
$.removeCookie('el_cookie', { path: '/' });
Cuidado: cuando borramos un cookie debemos pasarle la misma ruta, el mismo dominio y todas las otras opciones que hemos usado cuando hemos insertado dicho cookie.
opción "raw":
De entrada el valor del cookie está "encoded/decoded" cuando escribimos/leemos, usando encodeURIComponent
/decodeURIComponent
. podemos sobrescribir este valor a true:
$.cookie.raw = true;
opción json:
Activación el almacenamiento automático de los objectos JSON pasados como valores del cookie. Por ejemplo JSON.stringify
and JSON.parse
:
$.cookie.json = true;
Otras opciones
Los atributos del Cookie pueden ser activados globalmente poniendo las propriedades del objecto $.cookie.defaults
o singularmente por cada llamada a $.cookie()
pasando un objecto plano a los argumentos de las opciones. Las opciones por llamada sobrescriben las opciones estandar.
caducidad
expires: 365
Define el tiempo de vida de un cookie. El valor puede ser un Number
(Número) que puede ser interpretado cómo días desde su creación, o como objecto fecha Date
. Si se omite, el cookie se activa como sesión normal.
path
path: '/'
Define la ruta donde el cookie es válido. Por entrada la ruta del cookie es la ruta de la página donde el cookie ha sido creado (standard browser behavior). Si quieres que séa disponible por istancia alrededor de todo el dominio debes usar path: '/'
.
Notas sobre el uso de Internet Explorer:
Debido a una obscura problemilla en el WinINET de la implementación InternetGetCookie, el document.cookie de IEno devuelve cookie si en el path se le pone un nombre de fichero.
(Detalle: Internet Explorer Cookie Internals (FAQ))
Esto significa que tampoco se puede poner ruta usando path: window.location.pathname
en caso haya nombre de fichero en ello como por ejemplo: /check.html
.
dominio
domain: 'example.com'
Define el dominio donde el cookie es valido. De entrada el dominio donde ha sido creado el dominio.
seguridad
secure: true
Si es true, la tansmisión del cookie requiere un protocól seguro (https). Default: false
.
Navigar, reescribir y descargar Jquery.Cookie in GitHub
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.
Artículos relacionados
Rastreadores web interceptan formularios en línea
Una nueva investigación publicada por académicos de la Universidad de Lovaina, la Universidad de Radboud y la Universidad de Lausana ha revelado que las direcciones de correo electrónico de los…
Cookies HTTP: cómo funcionan y cómo usarlas
Hoy vamos a escribir sobre la forma de almacenar datos en un navegador, por qué los sitios web utilizan cookies y cómo funcionan en detalle. Continúa leyendo para averiguar cómo implementarlas…
Javascript, un desafío para los desarrolladores ancianos
Tomémonos un momento para hablar sobre ti y tu relación con JavaScript antes de adentrarnos en todos los aspectos técnicos. Si eres como yo, llevas mucho tiempo escribiendo documentos HTML con…
¿Jquery va a morir en 2019?
Durante un tiempo, la relevancia de JQuery ha sido un tema de debate entre los desarrolladores web. Como desarrolladores web interesados en Javascript, teníamos curiosidad por saber lo que los…
Las mejores librerías JavaScript 2018
Javascript sigue siendo el lenguaje de programación más popular y utilizado en 2018. El ecosistema a su alrededor està sigue creciendo sigue creciendo y el número de frameworks y librerías que…
Plugins jQuery para Efectos de Transición de Páginas con CSS3
Todo el mundo sabe que si desea más tráfico en su sitio web y quiere estar en la cima de los resultados de búsqueda también debe tener la página web…
10 plugins jQuery para personalizar los Scrolls
En muchas ocasiones necesitamos personalizar hasta el último detalle de los elementos que conforman las webs de nuestros proyectos, en este artículo os enseñamos 10 plugins Jquery para personalizar los scrolls tanto verticales como…
11 Plugins para crear slide sidebar panel con jQuery
El uso de sliders en el diseño web está cada vez más extendido porqué facilita la presentación de muchos contenidos y a la vez son muy útiles para la construcción…
Efecto Parallax scrolling: 16 tutoriales
El Parallax scrolling es una de las tendencias en diseño web para este año, básicamente funciona así: mientras te desplazas (scroll) por la página web, el fondo se “mueve” más…