PDF de programación - JavaScript: Cookies

Programación en Internet 2009-2010

Departamento de Lenguajes y
Sistemas Informáticos

JavaScript:

C ki
Cookies

Programación en Internet

Curso 2009-2010

Programación en Internet – Curso 2009-2010

Índice

• Introducción
• Cookies en JavaScript

DLSI - Universidad de Alicante

1

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Introducción

• Una cookie es un fragmento de información
que un navegador web almacena en el disco
duro del visitante a una página web

b l

l di

d

• La información se almacena a petición del

servidor web:
– Directamente desde la propia página web con

JavaScript
JavaScript

– Desde el servidor web mediante las cabeceras

HTTP

Programación en Internet – Curso 2009-2010

Introducción

• La información almacenada en una
cookie puede ser recuperada por el
servidor web en posteriores visitas a la
misma página web

DLSI - Universidad de Alicante

2

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Introducción

• Las cookies resuelven un grave problema del

t

l d

t

l HTTP l

protocolo HTTP: al ser un protocolo de
comunicación “sin estado”, no es capaz de
mantener información persistente entre
diferentes peticiones

• Gracias a las cookies se puede compartir

información entre distintas páginas de un sitio
información entre distintas páginas de un sitio
web o incluso en la misma página web pero
en diferentes instantes de tiempo

Programación en Internet – Curso 2009-2010

Introducción

• Ejemplos:

– Almacenar el nombre del usuario:

• La primera vez que un usuario llega a un sitio

web, introduce su nombre

• El nombre se almacena en una cookie
• Las siguientes veces que el usuario llega al

sitio web se le muestra un mensaje de
sitio web, se le muestra un mensaje de
bienvenida con su nombre

DLSI - Universidad de Alicante

3

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Introducción

• Ejemplos:

– Almacenar el nombre de usuario y
contraseña “Recordarme en este
equipo”:
• El usuario activa la opción “Recordarme en

este equipo” para evitar introducir su nombre
de usuario y contraseña
de usuario y contraseña

• El nombre de usuario y la contraseña o un

valor hash se almacenan en una cookie

• La cookie se emplea para acceder

directamente a la parte privada

Programación en Internet – Curso 2009-2010

Introducción

• Ejemplos:

– Almacenar la fecha de la última visita:

• Cada vez que un usuario visita un sitio web, se

almacena la fecha y hora de la visita

• En las posteriores visitas, se consulta la cookie

para saber cuánto tiempo ha transcurrido
desde la última visita
desde la última visita

DLSI - Universidad de Alicante

4

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Cookies en JavaScript

• document.cookie:

– Devuelve o asigna todas las cookies del

documento actual

– El acceso no es directo, ya que devuelve
una única cadena que contiene todas las
cookies de la página

– Para acceder a una cookie concreta, es

necesario analizar la cadena para localizar
su valor

Programación en Internet – Curso 2009-2010

DLSI - Universidad de Alicante

5

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Programación en Internet – Curso 2009-2010

Cookies en JavaScript

• setCookie() recibe tres parámetros:

– El nombre de la cookie (c_name)
– El valor de la cookie (value)
– La fecha de caducidad como el número de
días a partir de la fecha actual (expiredays)

DLSI - Universidad de Alicante

6

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Cookies en JavaScript
function setCookie(c_name, value, expiredays) {

var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie = c_name + "=" + escape(value) +

((expiredays == null) ? "" : ";expires="+

exdate.toGMTString());

}

Programación en Internet – Curso 2009-2010

Cookies en JavaScript

• getCookie():

– Recibe sólo un parámetro, el nombre de la

cookie que se quiere recuperar (c_name)

DLSI - Universidad de Alicante

7

Programación en Internet 2009-2010

Programación en Internet – Curso 2009-2010

Cookies en JavaScript

function getCookie(c_name) {

if(document.cookie.length > 0) {

g

c_start = document.cookie.indexOf(c_name + "=");
if(c_start != -1) {

c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if(c_end == -1)

c_end = document.cookie.length;

unescape(document.cookie.substring(c_start, c_end));

return

}

}
return "";

}

Programación en Internet – Curso 2009-2010

Cookies en JavaScript

• Para borrar una cookie, se tiene que

asignar a la cookie una fecha de
caducidad (expires) en el pasado

DLSI - Universidad de Alicante

8