ajax asynchronous javascript and xml. ajax “ ajax no es una tecnología en sí mismo. en realidad,...

17
AJAX AJAX Asynchronous JavaScript And XML

Upload: lorenzo-rubio-rojas

Post on 25-Jan-2016

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

AJAXAJAX Asynchronous

JavaScript

And

XML

Page 2: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

Classic Web Application Model

Page 11: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

AJAX Web Application Model

Page 12: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

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 Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

Ejemplos de las aplicaciones másconocidas basadas en AJAX:

Page 14: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se

Ejemplos de las aplicaciones másconocidas basadas en AJAX:

Page 15: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se
Page 16: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se
Page 17: AJAX Asynchronous JavaScript And XML. AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se