Curso de AJAX

Como fue descrito en la unidad 1, DOM es utilizado en la técnica AJAX para actualizar los elementos del Documento HTML una vez que se reciben las respuestas a los requerimientos realizados al servidor.

En la técnica Ajax se utiliza con frecuencia la propiedad innerHTML (dada su simplicidad) la cual permite agregar elementos HTML a un documento HTML. La propiedad innerHTML en la actualidad no forma parte de la especificación de la W3C de DOM pero igualmente es soportada por la mayoría de los navegadores Web, entre ellos Internet Explorer y Mozilla FireFox.

Para agregar una tabla con el texto 'Hola Mundo' a un elemento DIV de un documento HTML alcanza con :

Por ejemplo, para modificar la alineación del texto podríamos usar el siguiente código JavaScript:

Nuevamente en la línea 1 se accede al elemento DIV del documento HTML y en la linea 2, usando la propiedad innerHTML, se agrega la tabla con el texto Hola Mundo.

Usted puede ver la especificación de la propiedad innerHTML en la siguiente dirección:
innerHTML Property

Desde un punto de vista temático, los temas que usted estudió son:

• Definición de DOM
• DOM Nivel 1
• DOM y AJAX
• Ejercicios
• Resumen

En esta unidad se introdujo el concepto de DOM ( Document Object Model ) y su uso en la técnica Ajax:

• Al utilizar DOM se puede modificar el contenido de un documento HTML o XML por lo que permite modificar el contenido de una página Web.
• Mediante la interacción de DOM con el objeto XMLHttpRequest es posible establecer comunicaciones con el servidor en forma asincrónica y actualizar solamente algunas secciones de la página Web. En las próximas unidades se profundizará sobre estos conceptos. La siguiente unidad describe al objeto XMLHttpRequest.

Asegúrese de estar familiarizado con el contenido de esta unidad antes de continuar.