Cookies con jQuery

12/02/12

Desde siempre hemos utilizado javascript para guardar y leer cookies. Veamos cómo hacer lo mismo mucho más rápido con jquery.

1. Descargar el plugin
Descargamos el plugin Jquery cookie desde aquí. Necesitamos sólo el archivo jquery.cookie.js. Lo guardamos y lo colocamos en nuestra carpeta scripts.

2. Instalar el plugin
En el html, después de la llamada a jquery (importante!), incluimos la llamada al plugin:

<script type="text/javascript" src="scripts/jquery.cookie.js"></script>


3. Guardar cookies
Guardar una cookie es tan fácil como escribir esta línea, donde se crea una cookie con el nombre "nombre_cookie" y el valor "valor_cookie"

$.cookie('nombre_cookie', 'valor_cookie');

Para guardar una cookie que expire en 7 días:

$.cookie('nombre_cookie', 'valor_cookie', { expires: 7 });


4. Leer cookie
Leer el valor de la cookie es igual de sencillo, sólo hay que indicar el nombre de la cookie a leer:

alert($.cookie('nombre_cookie'));

Esta llamada devolverá el valor de la cookie, o null si la cookie no existe.

5. Borrar cookie
Para borrar una cookie simplemente le pasamos null como valor:

$.cookie('nombre_cookie', null);



6. Cookies y paths
Por defecto las cookies se establecen para la ruta del html donde se crean. Si la página solicitada es http://www.ejemplo.com/archivo.html la ruta será / y la cookie será accesible desde todos los archivos en el dominio.

Si la página es http://www.ejemplo.com/carpeta/archivo.html la cookie se establecerá para el path /carpeta/ y no será accesible desde la raiz / ni desde /otra_carpeta/.

Para que la cookie sea válida para todos los archivos debemos asegurarnos de añadir la ruta:

$.cookie('nombre_cookie', 'valor_cookie', { path: '/'});

Por el otro lado, para que la cookie sea válida sólo para una ruta específica:

$.cookie('nombre_cookie', 'valor_cookie', { path: '/admin'});

Añadir nuevo comentario

CAPTCHA

Por favor responde esta pregunta para evitar spam

10 + 1 =

Contacta