Tecnología

Cómo actualizar cookies usando JavaScript

Escrito por cathlene s. baptista | Traducido por beatriz sánchez
Cómo actualizar cookies usando JavaScript

Una "cookie" es un texto almacenado en un sitio web.

Jupiterimages/BananaStock/Getty Images

Una "cookie" es un término usado para describir texto almacenado por un navegador en la computadora del usuario. Un texto de cookie está compuesto por pares de nombre-valor y se puede encriptar por seguridad. Una cookie colocada por un sitio web está disponible para ese sitio web cuando el usuario vuelve, proporcionando información útil para la identificación de los accesos de usuario, actividad de compra anterior y preferencias del usuario. Como lenguaje de script en cliente muy utilizado, JavaScript proporciona a los programadores la posibilidad de actualizar, crear y borrar cookies usando funciones incorporadas.

Nivel de dificultad:
Moderadamente fácil

Necesitarás

  • Un editor de texto
  • Un navegador con JavaScript y cookies habilitadas

Lista completaMinimizar

Instrucciones

  1. 1

    Abre un editor de texto y crea un nuevo archivo llamado "updateCookie.html". Añade una etiqueta “<script>” al archivo que tiene el código JavaScript. Añade un atributo “type” al archivo y ponle el valor “text/javascript”. Cierra la etiqueta “</script>” y guarda updateCookie.html. Por ejemplo: <script type="text/javascript"> </script>

  2. 2

    Añade una función JavaScript entre las etiquetas “<script>” y “</script>”. Ponle a la función el nombre “writeCookie” y pasa el nombre de la cookie a la función usando la variable “cookie_name”: <script type="text/javascript"> function writeCookie(cookie_name) { } </script>

  3. 3

    Edita la función writeCookie y añade un comando JavaScript que crea una cookie llamada "myCookie" que usa el nombre que se le ha pasado a la función con la variable cookie_name: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } </script>

  4. 4

    Añade una segunda función JavaScript después de la función writeCookie y ponle a la nueva función el nombre “getCookie”. Pasa el nombre de la cookie a la función usando la variable “cookie_name”: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie (cookie_name) { } </script>

  5. 5

    Edita la función getCookie y usa una expresión regular para recuperar el valor de la cookie myCookie. Almacena el valor en una variable llamada "results": <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); } </script>

  6. 6

    Añade una sentencia condicional en la función getCookie que determina si existe la cookie myCookie. Si existe, devuelve el valor de la cookie. Si la cookie no existe, devuelve el valor nulo. Por ejemplo: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if (results) return(unescape (results[2])); else return null; } </script>

  7. 7

    Llama a la función writeCookie para crear la cookie y pásale un valor. Asigna a la cookie el valor “Setting Cookie”: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if (results) return (unescape (results[2])); else return null; } writeCookie("Setting cookie"); </script>

  8. 8

    Usa la función "document.write()" de JavaScript para mostrar el valor de la cookie en la página web. Por ejemplo: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if (results) return(unescape(results[2])); else return null; } writeCookie("Setting cookie"); document.write(getCookie("myCookie")); </script>

  9. 9

    Llama a la función writeCookie y pásale el valor actualizado de la cookie para la función. Actualiza la cookie con el valor “Updating Cookie”: <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if (results) return(unescape(results[2])); else return null; } writeCookie("Setting cookie"); document.write(getCookie("myCookie")); writeCookie("Updating cookie"); </script>

  10. 10

    Usa la función "document.write()" de JavaScript para mostrar el valor de la cookie actualizada para la página web. <script type="text/javascript"> function writeCookie(cookie_name) { document.myCookie="myCookie=" + cookie_name; } function getCookie(cookie_name) { var results = document.myCookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if (results) return ( unescape ( results[2] ) ); else return null; } writeCookie("Setting cookie"); document.write(getCookie("myCookie")); writeCookie("Updating cookie"); document.write(getCookie("myCookie")); </script>

  11. 11

    Abre updateCookie.html en un navegador web. Verifica que la cookie se escribió originalmente con el valor “Setting cookie” y está actualizada o guardada con el valor “Updating cookie”.

Consejos y advertencias

  • Las cookies creadas con JavaScript pueden tomar un parámetro opcional “expires”. Este parámetro asigna la fecha en que expira la cookie. Si no se asigna, la cookie quedará destruida cuando se cierre el navegador.
  • Las cookies creadas con JavaScript pueden tomar un parámetro opcional “path”. Este parámetro asigna la ruta dentro del sitio al que se aplican la cookies. Normalmente, este valor se deja en blanco para que la única ruta que haya asignado la cookie sea la que pueda recuperarla.
  • Las cookies creadas con JavaScript pueden tomar un parámetro opcional “domain”. Este parámetro indica el dominio de una cookie. Normalmente, este valor se deja en blanco para que el único dominio que haya asignado la cooke sea el que pueda recuperarlo.
  • Las cookies creadas con JavaScript pueden tomar un parámetro opcional “secure”. Este parámetro se usa raramente y le dice al navegador que use SSL cuando envíe la cookie.
  • Las cookies se pueden borrar con JavaScript asignando el parámetro “expires” con una fecha del pasado.
  • Usa la función "escape()" de JavaScript para asegurarte de que el navegador pueda interpretar correctamente los valores de la cookie.
  • Asegúrate de comprobar la configuración de la cookie del navegador si un valor de cookie no se asigna como se espera.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media