JAVASCRIPT COOKIES
von Paula Rico
1. La propiedad document.cookie parece una cadena de texto normal. Pero no lo es. Incluso si escribe una cadena de cookie completa en document.cookie, cuando la vuelva a leer, solo podrá ver el par nombre-valor de la misma. Si establece una nueva cookie, las cookies antiguas no se sobrescriben. La nueva cookie se añade a document.cookie, por lo que si vuelve a leer document.cookie obtendrá algo como: cookie1 - valor; cookie2 - valor; Mostrar todas las cookies Crear Cookie 1 Crear Cookie 2 Eliminar cookie 1 Eliminar cookie 2 Si desea encontrar el valor de una cookie especificada, debe escribir una función de JavaScript que busque el valor de cookie en la cadena de cookie.
2. ¿QUE SON LAS COOKIS?
2.1. Son datos almacenados en pequeños archivos de texto en su ordenador cuando un servidor web a enviado una pagina web a un navegador la conexión se cierra y el servidor olvida todo sobre el usuario, las cuales permiten almacenar información del usuario en paginas web.
3. ¿COMO SE PUEDEN LEER EN JAVASCRIPT?
3.1. Con JavaScript, las cookies se pueden leer así: var x = document.cookie;
4. CAMBIAR UN COOKIE CON JAVASCRIPT
4.1. Con JavaScript, puede cambiar una cookie de la misma manera que la crea: document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";
5. La cadena de galletas
6. ¿PARA QUE SE INVENTARON LAS COOKIES?
6.1. Para resolver el problema como recordar información sobre el usuario. cuando un usuario visita una pagina web, su nombre puede almacenarse en una cookie, la próxima vez que el usuario visite la pagina la cookie recordara su nombre Las cookies se guardan en pares nombre-valor como: username = John Doe
7. CREAR UNA COOKIE EN JAVASCRIPT
7.1. JavaScript puede crear, leer y eliminar cookies con la propiedad document.cookie
7.2. Con JavaScript, se puede crear una cookie como esta:
7.3. document.cookie = "username=John Doe";
7.4. También puede agregar una fecha de caducidad (en hora UTC). De forma predeterminada, la cookie se elimina cuando se cierra el navegador:
7.5. document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";
8. Eliminar una cookie con JavaScript
8.1. Eliminar una cookie es muy sencillo. No tiene que especificar un valor de cookie al eliminar una cookie. Simplemente establezca el parámetro expires en una fecha pasada: document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; Debe definir la ruta de cookies para asegurarse de que elimina la cookie correcta. Algunos navegadores no le permitirán eliminar una cookie si no especifica la ruta de acceso.
9. Ejemplo de cookies de JavaScript
9.1. En el ejemplo a seguir, crearemos una cookie que almacena el nombre de un visitante. La primera vez que un visitante llegue a la página web, se le pedirá que rellene su nombre. A continuación, el nombre se almacena en una cookie. La próxima vez que el visitante llegue a la misma página, recibirá un mensaje de bienvenida. Para el ejemplo vamos a crear 3 funciones JavaScript: Una función para establecer un valor de cookie Una función para obtener un valor de cookie Una función para comprobar un valor de cookie