JQuery: Gestionar cookies fácilmente con Jquery.Cookies

JQuery: Gestionar cookies fácilmente con Jquery.Cookies
by Janeth Kent Date: 21-05-2013 jquery cookies json


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

 


 

 
by Janeth Kent Date: 21-05-2013 jquery cookies json visitas : 21441  
 
Janeth Kent

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 END DEVELOPMENT.

 
 
 

Artículos relacionados

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 de ti y de tu relación con JavaScript antes de hablar de todas las cosas técnicas. Si eres como yo, has estado 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…

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración