1/11Departamento de Informática Tributaria AJAX Fundamentos básicos ( ) AJAX Fundamentos básicos ( )

2/11Departamento de Informática Tributaria Agenda ¿Qué es AJAX? Posibles usos Fundamentos técnicos Compatibilidad entre navegadores Seguridad Anáilis DAFO

3/11Departamento de Informática Tributaria ¿Qué es AJAX? AJAX = Asynchronous Javascript And XML Es una técnica de desarrollo web para crear aplicaciones interactivas. La ejecución corre en el cliente y mantiene una comunicación asíncrona con el servidor En realidad es un compendio de otras tecnologías ya maduras: –Lenguaje de presentación: XHTML / HTML + CSS –Lenguaje de spriting: JavaScript, Jscript o VBScript –El objeto XMLHttpRequest –Lenguaje de respuesta: por ejemplo XML (Extensible Markup Languaje) + XTML –DOM (Document Object Model) que permite la presentación dinámica

4/11Departamento de Informática Tributaria Posibles usos Envío de información al servidor de forma asíncrona. Por ejemplo para: –facilitar la interación del usuario ofreciéndole una compleción del texto (traducción del inglés autocomplete): –para controlar el tiempo que un usuario permanece en una página web a efectos estadísticos o de marketing, etc Evita los incómodos refrescos de página y mejora la interación usuario-servidor para líneas de menor ancho de banda Actualmente es usado a nivel mundial por Google en su correo web Gmail, GoogleMaps o en Google Suggest, así como por Microsoft en su futuro Windows Live Mail (sucesor de Hotmail)...

5/11Departamento de Informática Tributaria Fundamentos técnicos (I) SERVIDOR WEB / HOST Llamada JavaScript HTTP XMLHttpRequest HTTP Request SQL [BB.DD.] HTTP Response [XML] Incorporación de los datos en el documento y presentación (DOM + CSS) Interacción con el usuario

6/11Departamento de Informática Tributaria Fundamentos técnicos (II) El usuario interracciona con la página web Algunas de estas interacciones disparan funciones JavaScript (por lo que en estos casos NO es necesario pulsar un botón dentro de un formulario para ejecutar una action) En la función JavaScript se puede crear un objeto XMLHttpRequest ponde se especifica la URL destino y el método (GET, POST,...). Se realiza la llamada HTTP a la URL especificada. El servidor ejecutará el servicio invocado con los parámetros que se les ha pasado en la petición HTTP El servidor puede necesitar realizar peticiones SQL a las bases de datos El servidor forma la respuesta (generalmente XML, aunque puede ser incluso en texto plano) y se la envía al navegador El navegador recibe la respuesta. De ella extrae los datos y los incorpora o presenta en la página web

7/11Departamento de Informática Tributaria Fundamentos técnicos (III) Una URL de la petición HTTP con el método GET tendría la forma: URL del servicio?CRITERIO1=VALOR1&CRITERIO2=VALOR2&... La URL del servicio se obtiene dinámicamente en javascript en función de si se encuentra en desarrollo, proproducción, o producción y tanto si se encuentra en un entoro seguro (https) como si no (http)

8/11Departamento de Informática Tributaria Navegadores compatibles Prácticamente todos los navegadores actuales soportan las tecnologías que sirven de base a AJAX: –Microsoft Internet Explorer (IE) para Windows: v5.0 y v6.0 a través de un ActiveX v7.0 a través de XMLHTTP nativo (aunque continúa soportando el ActiveX). –Navegadores basados en Gecko como Mozilla, Mozilla Firefox, SeaMonkey, Camino, Flock, Ephiphany, Galeon y Netscape +v7.1 –Navegadores con el API KHTML +v3.2, incluyendo Konkeror +v3.2, Apple Safari +v1.2 –Opera +v8.0, incluyendo Opera Mobile Browser +v8.0 –Web Browser for S60 de Nokia tercera generación y superiores

9/11Departamento de Informática Tributaria Seguridad en IE Dominios cruzados y política de seguridad de zona: –Si la URL de la petición tiene el mismo dominio que la URL de la página, se envía. –Si no, se aplica la política de securidad de zona: Se permiten peticiones de dominios cruzados si el gestor de seguridad del IE ha permitido “Accesos a fuentes de datos entre dominios” (por defecto desactivado en IE7) Mezcla de protocolos: –Sólo se permite pasar de HTTP a HTTPS, Más información en:

10/11Departamento de Informática Tributaria Análisis DAFO

11/11Departamento de Informática Tributaria