descrito

AJAX
1 - Qué es AJAX?



AJAX son las siglas de Asynchronous JavaScript And XML. No es un lenguaje de programación sino un conjunto de tecnologías (HTML-JavaScript-CSS-DHTML-PHP/ASP.NET/JSP-XML) que nos permiten hacer páginas de internet más interactivas.
La característica fundamental de AJAX es permitir actualizar parte de una página con información que se encuentra en el servidor sintener que refrescar completamente la página. De modo similar podemos enviar información al servidor.
La complejidad se encuentra en que debemos domininar varias tecnologías:
HTML o XHTML
CSS
JavaScript
DHTML Básicamente debemos dominar todos los objetos que proporciona el DOM.
XML Para el envío y recepción de los datos entre el cliente y el servidor.
PHP o algún otro lenguaje que se ejecute enel servidor (ASP.Net/JSP)
En este curso suponemos que domina las tecnologías mencionadas, en caso de no ser así recomiendo recorrer los cursos de HTML Ya, JavaScript Ya, CSS Ya, PHP Ya y DHTML Ya, luego todo lo nuevo que aparezca lo hiremos explicando lentamente a través de ejemplos.
2 - Ventajas y desventajas de AJAX.



Ventajas
1. Utiliza tecnologías ya existentes.
2. Soportada por lamayoría de los navegadores modernos.
3. Interactividad. El usuario no tiene que esperar hasta que llegen los datos del servidor.
4. Portabilidad (no requiere plug-in como Flash y Applet de Java)
5. Mayor velocidad, esto debido que no hay que retornar toda la página nuevamente.
6. La página se asemeja a una aplicación de escritorio.
Desventajas
1. Se pierde el concepto de volver a la páginaanterior.
2. Si se guarda en favoritos no necesariamente al visitar nuevamente el sitio se ubique donde nos encontrabamos al grabarla.
3. La existencia de páginas con AJAX y otras sin esta tecnología hace que el usuario se desoriente.
4. Problemas con navegadores antiguos que no implementan esta tecnología.
5. No funciona si el usuario tiene desactivado el JavaScript en su navegador.
6.Requiere programadores que conozcan todas las tecnologías que intervienen en AJAX.
7. Dependiendo de la carga del servidor podemos experimentar tiempos tardíos de respuesta que desconciertan al visitante.
3 - Un ejemplo con AJAX.



Confeccionaremos un ejemplo donde veremos que aparecen muchos conceptos, no se preocupe si no los comprende en su totalidad ya que los mismos se verán en formadetallada a lo largo de este curso.
La idea fundamental de este ejercicio es conocer como debemos estructurar nuestras páginas y ver que introduce de nuevo el empleo de AJAX.
Confeccionaremos un problema muy sencillo, imaginemos que tenemos una lista de hipervínculos con los distintos signos del horóscopo y queremos que al ser presionado no recargue la página completa sino que se envíe una petición alservidor y el mismo retorne la información de dicho signo, luego se actualice solo el contenido de un div del archivo HTML.
Este problema se puede resolver muy fácilmente si refrescamos la página completamente al presionar el hipervínculo, pero nuestro objetivo es actualizar una pequeña parte de la página y más precisamente el div que debe mostrar los datos del signo seleccionado.
Si biennuestra página solo contendrá los hipervínculos a los distintos signos en un caso real la página puede contener muchos otros elementos HTML con imágenes, otros hipervínculos etc. los cuales no deberán sufrir cambios (ni parpadeo) ya que solo se modificará el elemento div respectivo mediante DHTML.
Esta actualización parcial de la página tiene muchas ventajas:
Reducimos el ancho de banda requerido alno tener que recuperar toda la página.
Agilizamos la actualización de la página.
Reducimos el parpadeo de la página.
Hacemos más natural la navegación del sitio.
La mayoría de los problemas requieren los siguientes archivos como mínimo:
1. El archivo HTML (es la página que se ve en el navegador)
2. El archivo JS (contiene todas las rutinas JavaScript que permiten actualizar dinámicamente la...