Desarrollo Web, Seo, Adsense

Jquery Cookie

Publicado el 23. feb, 2010 by jbomba in jQuery

Establecer y eliminar las cookies con jQuery es muy fácil (sobre todo en comparación con Javascript ordinario), lastimosamente esto no se encuentra incluido en el núcleo de jQuery y se requiere de un plugin adicional, pero esto no es ningun problema adicional, ya que al igual que jquery este plugin es muy facil de implementar, lo primero sera adquirir el core de JQuery en su version mas estable.

El Plugin
Lo siguiente sera adquirir el plugin de jquery cookie desde la siguiente direccion: http://plugins.jquery.com/project/Cookie.

Iniciando
Lo primero es agregar en nuestra cabezera (head) e incluir los archivos de jquery y jquery cookie.

Setiando la Cookie
La configuración de una cookie es muy simple y facil, en la siguiente linea se muestra como se agrega una cookie, en la cual nombre es el nombre de la cookie y valor sera el valor de esa cookie.

$.cookie("nombre", "valor");

La anterior cookie no es mas que una cookie de session y esta sera destruida cuando el usuario sale del navegador. Para hacer que esta cookie nos dure por ejemplo 3 dias se seteara de la siguiente manera.

$.cookie("nombre", "valor", { expires: 3 });

Los ejemplos anteriores se aplicará la cookie en el nivel raíz. Si quisieras hacer por ejemplo, sólo se aplican a / admin se debera hacer:

$.cookie("nombre", "valor", { path: '/admin', expires: 3 });

Obteniendo el valor de nuestra cookie
Al igual que la configuracion de la cookie, la obtencion del valor de la misma es igual de simple y se realiza mediante el nombre con el cual fue setiada nuestra cookie.

var value = $.cookie("nombre");
alert( value  );

Eliminado la Cookie
Finalmente para eliminar la cookie, simplemente setiamos su valor a null, hay q tomar en cuenta que debe ser null, si es una cadena vacia la cookie no se elimina simplemente se limpiara su valor.

$.cookie("nombre", null);

Hasta aqui, la forma mas simple de utilizar las cookies con jquery.

Tags: cookies jquery, jQuery, plugin jquery cookies