Cookies en JavaScript: establecer, obtener & Eliminar ejemplo

¿Qué son las cookies?

Una cookie es un dato que se almacena en su computadora para que su navegador acceda a él. También es posible que haya disfrutado de los beneficios de las cookies a sabiendas o sin saberlo. ¿Alguna vez ha guardado su contraseña de Facebook para no tener que escribirla cada vez que intenta iniciar sesión? Si es así, entonces estás usando cookies. Las cookies se guardan como pares clave / valor.

¿Por qué necesitas una cookie?

La comunicación entre un navegador web y un servidor se realiza mediante un protocolo sin estado llamado HTTP. El protocolo sin estado trata cada solicitud de forma independiente. Por lo tanto, el servidor no conserva los datos después de enviarlos al navegador. Pero en muchas situaciones, los datos serán necesarios nuevamente. Aquí vienen las galletas en una imagen. Con las cookies, el navegador web no tendrá que comunicarse con el servidor cada vez que se requieran los datos. En cambio, se puede obtener directamente de la computadora.

Cookie de configuración de Javascript

Puede crear cookies usando document. propiedad de cookie como esta.

document.cookie = "cookiename=cookievalue"

Incluso puede agregar una fecha de caducidad a su cookie para que la cookie en particular se elimine de la computadora en la fecha especificada. La fecha de caducidad debe establecerse en formato UTC / GMT. Si no establece la fecha de caducidad, la cookie se eliminará cuando el usuario cierre el navegador.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

También puede configurar el dominio y la ruta para especificar a qué dominio y a qué directorios en el dominio específico al que pertenece la cookie. De forma predeterminada, una cookie pertenece a la página que configura la cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// crea una cookie con un dominio a la página actual y una ruta a todo el dominio.

JavaScript obtener cookie

Puede acceder a la cookie de esta manera, que devolverá todas las cookies guardadas para el dominio actual.

var x = document.cookie

JavaScript Eliminar cookie

Para eliminar una cookie, solo necesita establecer el valor de la cookie en vacío y establecer el valor de caduca en una fecha pasada.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Pruebe este ejemplo usted mismo:

 Cookie !!! 
... Presione el botón de ejecución dos veces

Articulos interesantes...