AJAX

14
AJAX AJAX Asynchronous JavaScript And XML

description

 

Transcript of AJAX

Page 1: AJAX

AJAXAJAX Asynchronous

JavaScript

And

XML

Page 2: AJAX

AJAXAJAX“ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.”

“ Ajax: A New Approach to Web Applications ”Publicado por Jesse James Garrett el 18 de Febrero de

2005.

Page 3: AJAX

AJAXAJAXLas tecnologías que forman AJAX son:

▪ HTML y CSS: para crear una presentación basada en estándares.▪ DOM: para la interacción y manipulación dinámica de la presentación.▪ XML, XSLT y JSON: para el intercambio y la manipulación de información.▪ XMLHttpRequest: para el intercambio asíncrono de información.▪ JavaScript: para unir todas las demás tecnologías.

Page 4: AJAX

AJAXAJAXXML y HTML fueron diseñados con

diferentes propósitos:

XML fué diseñado para transportar y guardar datos, enfocado en los datos.

HTML fué desarrollado para visualizar datos, enfocado en cómo se ven los datos.

Page 5: AJAX

AJAXAJAX•HTML: es el lenguaje que se emplea para el

desarrollo de páginas de internet.

•CSS: Cascade Style Sheet que traducido significa hojas de estilo en cascada. Con CSS podemos especificar estilos como el tamaño,

fuentes, color, espaciado entre textos y recuadros así como el lugar donde disponer

texto e imágenes en la página.

Page 6: AJAX

AJAXAJAX•DOM: Document Object Model es

esencialmente una interfaz de programación de

aplicaciones

• 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.

Page 7: AJAX

AJAXAJAX• XMLHttpRequest: es una interfaz empleada

para realizar peticiones HTTP y HTTPS a

servidores Web. 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.

Page 8: AJAX

AJAXAJAX• JavaScript, al igual que Flash, Visual Basic Script, es una de

las múltiples maneras que han surgido para extender las

capacidades del lenguaje HTML .

• Al ser la más sencilla, es por el momento la más extendida.

• JavaScript no es un lenguaje de programación propiamente

dicho, es un lenguaje script u orientado a documento.

Page 9: AJAX

AJAXAJAX• No se puede desarrollar un programa con JavaScript que se

ejecute fuera de un Navegador.

• JavaScript es un lenguaje interpretado que se embebe en

una página web HTML. Un lenguaje interpretado significa que

a las instrucciones las analiza y procesa el navegador en el

momento que deben ser ejecutadas.

Page 10: AJAX

Classic Web Application Model

Page 11: AJAX

AJAX Web Application Model

Page 12: AJAX

Ejemplos de las aplicaciones másconocidas basadas en AJAX:

•Gestores de correo electrónico: Gmail, Mail, Windows Live Mail.

•Cartografía: Google Maps, Yahoo Maps, Windows Live Local.

•Aplicaciones web y productividad: Google Docs, Zoho.

•Otras: Netvibes [metapágina], Digg [noticias], Meebo

[mensajería], 30 Boxes [calendario], Flickr [fotografía].

Page 13: AJAX

Ejemplos de las aplicaciones másconocidas basadas en AJAX:

Page 14: AJAX

Ejemplos de las aplicaciones másconocidas basadas en AJAX: