Margarita Manterola Margarita Manterola AJAX – Mentiras y Verdades Sep 13, 2007 1 AJAX – Mentiras y Verdades Margarita.

Presentación del tema: "Margarita Manterola Margarita Manterola AJAX – Mentiras y Verdades Sep 13, 2007 1 AJAX – Mentiras y Verdades Margarita."— Transcripción de la presentación:

1 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 1 AJAX – Mentiras y Verdades Margarita Manterola LUGFI

2 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 2 ¿Qué es AJAX? Una mentira

3 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 3 ¿Qué es AJAX? Una mentira. Asynchronous JavaScript and XML El nombre de una técnica de programación web para lograr páginas más interactivas. El término fue acuñado en el 2005, pero la técnica existe desde mediados de los 90.

4 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 4 ¿En qué consiste? Cuando el cliente actúa, se envía un pedido al servidor, sin recargar la página. Una vez que el servidor responde, se procesa la respuesta, del lado del cliente. Puede implicar modificar grandes porciones de la página o sólo algunos valores. No es imprescindible procesar XML.

5 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 5 No es nada nuevo Desde que existe JavaScript: FRAMEs ocultos. Desde Internet Explorer 3 (1996) existen los IFRAMEs (inline frames). En Netscape 4 (1997) existían los LAYERs. El IFRAME fue incorporado al estándar HTML desde la versión 4 (1997), y está en todos los navegadores actuales.

6 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 6 Nuevos objetos de JavaScript En el 2000, con IE5 nace el XMLHTTP (un objeto ActiveX). En el 2002, se incorpora a Mozilla 1.0 el XMLHttpRequest (un objeto nativo del navegador). En el 2006, XMLHttpRequest pasa a ser un estándar (borrador) de la W3C.

7 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 7 Problemas de compatibilidad Para que funcione tanto en Explorer como en Gecko: Además, cada navegador tiene sus detalles a tener en cuenta, si se los quiere soportar a todos. Existen kits ya programados que tienen en cuenta todos los posibles problemas. var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");

8 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 8 AJAX – Ventajas y Desventajas Ventajas Permite mayor interacción con el cliente. Bien usado, utiliza menor ancho de banda. Las aplicaciones web se asemejan a las de escritorio. Desventajas Requiere mucho código de compatibilidad. Consume recursos del lado del cliente. Excluye a quienes usan un navegador no soportado.

9 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 9 KITs de compatibilidad MochiKit – Filosofía Pythoniana DoJo Toolkit – Existe desde el 2004. Muy completa. Clean AJAX – Centrado en mensajes. Prototype – integrado con Ruby on Rails Spry – Creado por Adobe, orientado a diseñadores Y muchos más. Cada uno tiene su estilo.

10 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 10 Cuidar los recursos: JSON JavaScript Object Notation. Como procesar XML es costoso, se ideó una notación más sencilla: JavaScript nativo. También es posible recibir porciones de HTML {"menu": { "value": "Archivo", "popup": { "menuitem": [ {"value": "Nuevo", "onclick": "NuevoDoc()"}, {"value": "Abrir", "onclick": "AbrirDoc()"}, {"value": "Cerrar", "onclick": "CerrarDoc()"} ] } }} {"menu": { "value": "Archivo", "popup": { "menuitem": [ {"value": "Nuevo", "onclick": "NuevoDoc()"}, {"value": "Abrir", "onclick": "AbrirDoc()"}, {"value": "Cerrar", "onclick": "CerrarDoc()"} ] } }}

11 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 11 No excluir a quienes no lo tienen Diseñar el sitio para que los navegadores que no soportan AJAX también funcionen. Es casi diseñar dos sitios en paralelo. Se deberá recargar toda la página con cada pedido: minimizar la cantidad de pedidos. No usar AJAX para lo que no es necesario.

12 Margarita Manterola marga@debian.org Margarita Manterola marga@debian.org AJAX – Mentiras y Verdades Sep 13, 2007 12 AJAX Una mentira :-)