Tecnología Ajax IUTEB


República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación
Instituto Universitario de Tecnología del Estado Bolívar
IV Semestre de Informática, sección 3M
ELECTIVA II










UNIDAD 6
TECNOLOGÍA AJAX











Profesor:
Estudiante:
Joel Poyo
Francheska Romero













Ciudad Bolívar; Mayo 2014
Tecnología AJAXCuando nos referimos a Ajax (Asynchronous JavaScript And XML) nos referimos a una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajaxmientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.


Modelo de objetos con lenguaje Script (DOM).

El DOM es un API de programación para documentos. Guarda una gran similitud con la estructura del documento al que modeliza.

El Modelo deObjetos de Documento (DOM - Document Object Model -) describe cómo todos los elementos en una página HTML, tales como campos de entrada, imágenes, etc, se relacionan con la estructura más alta: el propio documento. Llamando al elemento por su nombre correcto DOM, podemos influir en él mediante un lenguaje de programación, e,g. Javascript, Java, etc.

Una página web es un documento. Éstedocumento puede exhibirse en la ventana de un navegador o también como código fuente HTML. Pero, en los dos casos, es el mismo documento. El modelo de objeto de documento (DOM) proporciona otras formas de presentar, guarda y manipular este mismo documento. El DOM es una representación completamente orientada al objeto de la página web y puede ser modificado con un lenguaje de script como JavaScript.El W3C DOM estándar forma la base del funcionamiento del DOM en muchos navegadores modernos. Varios navegadores ofrecen extensiones más allá del estándar W3C, hay que ir con extremo cuidado al utilizarlas en la web, ya que los documentos pueden ser consultados por navegadores que tienen DOMs diferentes.

Por ejemplo, el DOM de W3C especifica que el método getElementsByTagName en el códigode abajo debe devolver una lista de todos los elementos del documento:

paragraphs = document.getElementsByTagName("P");
// paragraphs[0] es el primer elemento
// paragraphs[1] es el segundo elemento , etc.
alert(paragraphs[0].nodeName);

Todas las propiedades, métodos y eventos disponibles para la manipulación y la creación de páginas web está organizado dentro de objetos. Unejemplo: el objeto document representa al documento mismo, el objeto table hace funcionar la interfaz especial HTMLTableElement del DOM para acceder a tablas HTML, y así sucesivamente.

Métodos y propiedades del objeto XML HTTP Request.

A continuación la lista completa de todas las propiedades y métodos del objeto y todos los valores numéricos de sus propiedades:

Las propiedadesdefinidas para el objeto XMLHttpRequest son:


Los valores definidos para la propiedad readyState son los siguientes:

Valor
Descripción
0
No inicializado (objeto creado, pero no se ha invocado el método open)
1
Cargando (objeto creado, pero no se ha invocado el método send)
2
Cargado (se ha invocado el método send, pero el servidor aún no ha respondido)
3
Interactivo (se han recibidoalgunos datos, aunque no se puede emplear la propiedad responseText)
4
Completo (se han recibido todos los datos de la respuesta del servidor)


Los métodos disponibles para el objeto XMLHttpRequest son los siguientes:

Método
Descripción
abort()
Detiene la petición actual
getAllResponseHeaders()
Devuelve una cadena de texto con todas las cabeceras de la respuesta del servidor...