Trabajo sobre la tecnologia Ajax

1. AJAX
Julián Andrés Moreno Pena

2. INTRODUCCION
 En las siguientes diapositivas trataremos de abordar un tema muy
importante que hace parte del mundo y el desarrollo de paginas
web, un conjunto de aplicaciones juntas denominadas AJAX, el cual
ha sido un gran avance en relación a efectividad y tiempo que los
desarrolladores de paginas web han optado para mejor comodidad y
servicio a los usuarios.

3. AJAX
Siglas de Asynchronous JavaScript and
XML, es un término que describe un
nuevo acercamiento a usar un conjunto
de tecnologías existentes juntas,
incluyendo las siguientes: HTML o
XHTML, hojas de estilo (Cascading Style
Sheets o css), Javascript, el DOM
(Document Object Model), XML, XSLT,
y el objeto XMLHttpRequest.

4. AJAX
Ajax es una tecnología asíncrona, en el sentido
de que los datos adicionales se solicitan 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 Ajax mientras 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.

5. TECNOLOGIAS QUE COMPONEN AJAX
 Ajax es una combinación de cuatro tecnologías ya existentes:
 XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña a la información.
 Document Object Model (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente
implementaciones ECMAScript como JavaScript y Jscript, para mostrar e interactuar dinámicamente con la
información presentada.
 El objeto XMLHttpRequest para intercambiar datos de forma asíncrona con el servidor web. En algunos
frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar
dichos intercambios.
 XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier
formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML.
 Como el DHTML, LAMP o SPA, Ajax no constituye una tecnología en sí, sino que es un término que
engloba a un grupo de éstas que trabajan conjuntamente.

6. HTML
HTML, siglas de HyperText Markup Language («lenguaje de
marcado de hipertexto»), es el lenguaje de marcado predominante
para la elaboración de páginas web. Es usado para describir la
estructura y el contenido en forma de texto, así como para
complementar el texto con objetos tales como imágenes. HTML
se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>). HTML también puede describir, hasta un cierto
punto, la apariencia de un documento, y puede incluir un script
(por ejemplo JavaScript), el cual puede afectar el comportamiento
de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del
cocifrantipo de MIME text/html o todavía más ampliamente
como un término genérico para el HTML, ya sea en forma
descendida del XML (como XHTML 1.0 y posteriores) o en
forma descendida directamente de SGML (como HTML 4.01 y
anteriores).

7. DOCUMENT OBJECT MODEL
El Document Object Model o DOM ('Modelo de Objetos del
Documento' o 'Modelo en Objetos para la Representación de
Documentos') es esencialmente una interfaz de programación de
aplicaciones (API) que proporciona un conjunto estándar de
objetos para representar documentos HTML y XML, un modelo
estándar sobre cómo pueden combinarse dichos objetos, y una
interfaz estándar para acceder a ellos y manipularlos. A través del
DOM, los programas pueden acceder y modificar el
contenido, estructura y estilo de los documentos HTML y
XML, que es para lo que se diseñó principalmente.
El responsable del DOM es el World Wide Web Consortium
(W3C).
En efecto, el DOM es una interfaz de programación de
aplicaciones para acceder, añadir y cambiar dinámicamente
contenido estructurado en documentos con lenguajes como
ECMAScript(JavaScript).

8. XMLHTTPREQUEST
 XMLHttpRequest (XHR), también referida como XMLHTTP (Extensible Markup
Language / Hypertext Transfer Protocol), es una interfaz empleada para realizar peticiones
HTTP y HTTPS a servidores Web. Para los datos transferidos se usa cualquier
codificación basada en texto, incluyendo: texto plano, XML, JSON, HTML y
codificaciones particulares específicas. La interfaz se presenta como una clase de la que
una aplicación cliente puede generar tantas instancias como necesite para manejar el
diálogo con el servidor.
 El uso más popular, si bien no el único, de esta interfaz es proporcionar contenido
dinámico y actualizaciones asíncronas en páginas WEB mediante tecnologías construidas
sobre ella como por ejemplo AJAX.

9. E X T E N S I B L E M A R K U P L A N G UA G E
 XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas
extensible'), es un metalenguaje extensible de etiquetas desarrollado por el World
Wide Web Consortium (W3C). Es una simplificación y adaptación del SGML y
permite definir la gramática de lenguajes específicos (de la misma manera que
HTML es a su vez un lenguaje definido por SGML). Por lo tanto XML no es
realmente un lenguaje en particular, sino una manera de definir lenguajes para
diferentes necesidades, de ahí que se le denomine metalenguaje. Algunos de estos
lenguajes que usan XML para su definición son XHTML, SVG, MathML.

10. N AV E G A D O R E S QU E
P E R M I T E N A JA X
 Navegadores basados en Gecko como Mozilla, Mozilla
Firefox, SeaMonkey, Camino, K-Meleon, IceWeasel, Flock, Epiphany, Galeon y Netscape
versión 7.1 y superiores
 Navegadores basados en WebKit como Google Chrome de Google o Safari de Apple.
 Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los navegadores
basados en él
 Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo
Konqueror versión 3.2 y superiores y el Web Browser for S60 de Nokia tercera
generación y posteriores
 Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 y
superiores.

11. REFERENCIAS
 http://es.wikipedia.org/wiki/AJAX
 http://www.masadelante.com/faqs/ajax
 http://www.google.com.co/imgres?q=IMAGENES+AJAX+web&hl=es&biw=1680
&bih=899&tbm=isch&tbnid=Lmtp9ShCDeZjOM:&imgrefurl=http://ayudaparatuweb.c
om/tutoriales-recurso-ajax-desarrollo-web-
profesional.html&docid=etipu8OKmoaLbM&imgurl=http://ayudaparatuweb.com/wp-
content/uploads/2009/04/ajax-
logo.jpg&w=474&h=236&ei=PS89T5DqLszptgfYmem2BQ&zoom=1&iact=hc&vpx=1
63&vpy=179&dur=601&hovh=158&hovw=318&tx=194&ty=91&sig=11255178794946
9093377&page=1&tbnh=104&tbnw=208&start=0&ndsp=28&ved=0CD0QrQMwAA