Professional Documents
Culture Documents
JAVA.
Ajax en JSP
Andor
Pg.
1. Introduccin
AJAX son las siglas de Asynchronous JavaScript And XML. No es un lenguaje de programacin sino un conjunto de tecnologas (HTML-JavaScript-CSS-DHTML-PHP/ASP.NET/JSP-XML) que nos permiten hacer pginas de internet ms interactivas. La caracterstica fundamental de AJAX es permitir actualizar parte de una pgina con informacin que se encuentra en el servidor sin tener que refrescar completamente la pgina. De modo similar podemos enviar informacin al servidor. La complejidad se encuentra en que debemos dominar varias tecnologas: HTML o XHTML CSS JavaScript PHP o algn otro lenguaje que se ejecute en el servidor (ASP.Net/JSP) Ventajas Utiliza tecnologas ya existentes. Soportada por la mayora de los navegadores modernos. Interactividad. El usuario no tiene que esperar hasta que lleguen los datos del servidor. Mayor velocidad, esto debido que no hay que retornar toda la pgina nuevamente. Desventajas Se pierde el concepto de volver a la pgina anterior. Si se guarda en favoritos no necesariamente al visitar nuevamente el sitio se ubique donde nos encontrbamos al grabarla. La existencia de pginas con AJAX y otras sin esta tecnologa hace que el usuario se desoriente. No funciona si el usuario tiene desactivado el JavaScript en su navegador.
Andor
Pg.
Andor
Pg.
3. Flujo de Trabajo
Index.jsp
Comunicar con datosajax.js Elegir opcion
Crear Ajax
Andor
Pg.
4. Crear elementos
Andor
Pg.
5. Trabajar en index.jsp(1/2)
Para empezar abriremos la pagina index.jsp 1. Haremos referencia al archivo datosajax.js para poder utilizar sus elementos
2. Crearemos dos hipervinculos y un div para mandar a llamar el contenido de las paginas: 1. <a href=# onclick=cargardatos(0)>sin datos</a> 2. <a href=# onclick=cargardatos(1)>con datos</a> 3. <div id=divcontenido></div>
Andor
Pg.
Andor
Pg.
Andor
Pg.
Andor
Pg.
10
Andor
Pg.
11
Posteriormente abriremos el archivo concodigo.jsp y escribiremos algo con una decisin para cambiar el resultado
Andor
Pg.
12
9. Ajax en accin
Sin cdigo:
Con cdigo: