Cookies de JavaScript: ¿cómo crear, leer y eliminar cookies?



Las cookies son datos almacenados en pequeños archivos de texto. Le ayuda a almacenar información del usuario en páginas web y recuerda los detalles del usuario más tarde.

Las cookies le ayudan a almacenar información del usuario en páginas web. Es uno de los métodos más eficientes para recordar y rastrear preferencias, compras, comisiones y otra información requerida para una mejor experiencia del visitante o estadísticas del sitio. En esto En el artículo de cookies, profundizaremos en las cookies en la siguiente secuencia:

¿Qué son las cookies?

Las cookies son datos almacenados en pequeños archivos de texto en su sistema. Cuando un servidor web envía una página web a un navegador, la conexión se apaga y el servidor olvida todo sobre el usuario.





Las cookies se inventaron para solucionar el problema de recordar la información sobre el usuario. Por ejemplo:

  • Cuando un usuario visita una página web, su nombre se puede almacenar en una cookie.



  • La próxima vez que el usuario visite la página, la cookie recuerda el nombre de usuario.

Recuerda la información del usuario entre todas las páginas web. Contiene la información como y en forma de un par nombre-valor separado por punto y coma como:

username = Daisy Green

Ahora veamos cómo funcionan estas cookies.



¿Como funciona?

El servidor envía algunos datos al navegador del visitante en forma de cookie. Ahora, el navegador puede aceptar la cookie. Si es así, se almacena como un registro de texto sin formato en el disco duro del visitante.

cookie- cookies javascript - edurekaCuando el visitante llega a otra página de su sitio, el navegador envía la misma cookie al servidor para su recuperación. Una vez que se recupera, su servidor sabe o recuerda lo que se almacenó antes.

Las cookies consisten en 5 campos de longitud variable :

  • Expira & menos Esto muestra la fecha de caducidad de la cookie. Si está en blanco, la cookie caducará cuando el visitante salga del navegador.

  • Dominio & menos El campo de dominio proporciona el nombre de dominio de su sitio.

  • Camino & minus Es la ruta al directorio o página web que configura la cookie. Esto se puede dejar en blanco si desea recuperar la cookie de cualquier directorio o página.

  • Seguro & menos Si este campo contiene la palabra 'seguro', entonces la cookie solo se puede recuperar con un servidor seguro. Si este campo está en blanco, no existen tales restricciones.

  • Nombre = Valor & menos Esto representa las cookies que se configuran y recuperan en forma de pares clave-valor.

    php mysql_fetch_array

Ahora que sabe qué son las cookies y cómo funcionan, profundicemos en las cookies de JavaScript.

Cookies de JavaScript

En JavaScript, puede manipular las cookies con la propiedad de cookie del objeto Document. JavaScript puede leer, crear, modificar y eliminar las cookies que se aplican a la página web actual. Así que echemos un vistazo a ejemplos y comprendamos cómo se utilizan las cookies en JavaScript.

Crear cookies

JavaScript puede crear cookies con el document.cookie propiedad. Puede crear la cookie de la siguiente manera:

document.cookie = 'username = Daisy Green'

También puede agregar una fecha de vencimiento para su cookie. De forma predeterminada, la cookie se eliminará cuando se cierre el navegador:

document.cookie = 'username = Daisy Green expires = Mon, 26 Aug 2019 12:00:00 UTC'

También puede decirle al navegador a qué ruta pertenece la cookie con la ayuda de un parámetro. Por defecto, la cookie pertenece a la página actual.

document.cookie = 'username = Daisy Green expires = Mon, 26 Aug 2019 12:00:00 UTC' path = / '

Leer una galleta

Leer una cookie es tan simple como escribir una debido al valor del documento. El objeto de la cookie es la cookie. Puede utilizar esta cadena siempre que desee acceder a la cookie. La cadena document.cookie mantiene una lista de pares nombre = valor separados por punto y coma, donde nombre representa el nombre de la cookie y valor es su valor de cadena.

Las cookies de JavaScript se pueden leer de la siguiente manera:

var x = document.cookie

Ejemplo: