Cookies: Uso en JavaScript
•
1 recomendación•2,944 vistas
Vídeo de la presentación: http://www.youtube.com/watch?v=i__IbhyrB28 Cookies: ¿Cómo se usan en JavaScript? Uso de las cookies en JavaScript: document.cookie, atributos de una cookie, setCookie(), getCookie(), escape(), unescape() Más información: - http://accesibilidadweb.dlsi.ua.es - http://desarrolloweb.dlsi.ua.es Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
Similar a Cookies: Uso en JavaScript
Similar a Cookies: Uso en JavaScript (20)
Más de Sergio Luján Mora - Universidad de Alicante
Más de Sergio Luján Mora - Universidad de Alicante (20)
Último
Último (20)
Cookies: Uso en JavaScript
- 1. Cookies: Uso en JavaScript Sergio Luján Mora sergio.lujan@ua.es Cook-03
- 2. Vídeo de esta presentación Puedes ver esta presentación en vídeo: http://www.youtube.com/watch?v=i__IbhyrB28
- 5. La información se almacena a petición del servidor web: -Directamente desde la propia página web con JavaScript document.cookie -Desde el servidor web mediante las cabeceras HTTP PHP: setcookie() y $_COOKIE
- 6. Una pareja nombre/valor Un dominio Una ruta Una fecha de caducidad o máxima edad Una marca de sólo conexión segura Una marca de sólo HTTP
- 7. document.cookie: – Define, modifica o borra una cookie si ya existe – Devuelve todas las cookies de la página actual – El acceso no es directo, ya que devuelve una única cadena que contiene todas las cookies de la página (separadas por “;”) – Para acceder a una cookie concreta, es necesario analizar la cadena para localizar su valor
- 19. document.cookie
- 22. 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)
- 23. 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.toUTCString()); }
- 24. getCookie(): – Recibe sólo un parámetro, el nombre de la cookie que se quiere recuperar (c_name)
- 25. function getCookie(c_name) { if(document.cookie.length > 0) { 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; return unescape(document.cookie.substring(c_start, c_end)); } } return ""; }
- 26. Para borrar una cookie, se tiene que asignar a la cookie una fecha de caducidad (expires) en el pasado: setCookie("nombre", "", -1);
- 27. 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.toUTCString()); }
- 28. function getCookie(c_name) { if(document.cookie.length > 0) { 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; return unescape(document.cookie.substring(c_start, c_end)); } } return ""; }
- 29. Sergio Luján Mora; Alicante escape() Sergio%20Luj%E1n%20Mora%3B%20Alicante unescape() Sergio Luján Mora; Alicante
- 31. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Prueba de JavaScript</title> <script src="cookies.js"></script> </head> <body> <p> <script src="ejemplo.js"></script> </p> </body> </html>
- 32. var ahora = new Date(); var registro = getCookie("registro"); if(registro != "") { var arrayRegistro = registro.split("|"); for(i = 0; i < arrayRegistro.length; i++) document.write(arrayRegistro[i] + "<br />"); registro += "|"; } setCookie("registro", registro + ahora.toUTCString(), 365);
- 36. Sun%2C%2030%20Oct%202011%2016%3A09%3A17%20GMT%7CSun%2C%2030%20Oct%202011%2016%3A10%3A42%20GMT unescape() Sun, 30 Oct 2011 16:09:17 GMT|Sun, 30 Oct 2011 16:10:42 GMT
- 38. Más información: http://accesibilidadweb.dlsi.ua.es/ http://desarrolloweb.dlsi.ua.es/ sergio.lujan@ua.es
- 40. Créditos de fotografías e imágenes: http://www.sxc.hu/photo/1282932 http://www.sxc.hu/photo/1334872