SlideShare una empresa de Scribd logo
1 de 7
AJAX
LEANDRO L. ROUBINA

La siguiente presentación basa su
contenido en la página web:
http://www.maestrosdelweb.com/e
ditorial/ajax/
QUÉ ES AJAX
AJAX, en resumen, es el acrónimo
para Asynchronous JavaScript + XML y el
concepto es: Cargar y renderizar una
página, luego mantenerse en esa página
mientras scripts y rutinas van al servidor
buscando, en background, los datos que
son usados para actualizar la página solo
re-renderizando la página y mostrando u
ocultando porciones de la misma.
DEFINIENDO
Ajax no es una tecnología. Es realmente muchas
tecnologías, cada una floreciendo por su propio
mérito, uniéndose en poderosas nuevas formas. AJAX
incorpora:

   presentación basada en estándares usando XHTML y CSS;
   exhibición e interacción dinámicas usando el Document
    Object Model;
   Intercambio y manipulación de datos usando XML and
    XSLT;
   Recuperación          de         datos      asincrónica
    usando XMLHttpRequest;
   y JavaScript poniendo todo junto.
El modelo clásico de aplicaciones Web
funciona de esta forma: La mayoría de las
acciones del usuario en la interfaz disparan
un requerimiento HTTP al servidor web. El
servidor efectúa un proceso (recopila
información, procesa números, hablando
con varios sistemas propietarios), y le
devuelve una pagina HTLM al cliente.
QUÉ LO HACE DIFERENTE?
   Una aplicación AJAX elimina la naturaleza
    “arrancar-frenar- arrancar-frenar” de la interacción
    en la Web introduciendo un intermediario -un motor
    AJAX- entre el usuario y el servidor. Parecería que
    sumar una capa a la aplicación la haría menos
    reactiva, pero la verdad es lo contrario.
   En vez de cargar un pagina Web, al inicio de la
    sesión, el navegador carga al motor AJAX (escrito en
    JavaScript y usualmente “sacado” en un frame
    oculto). Este motor es el responsable por renderizar
    la interfaz que el usuario ve y por comunicarse con el
    servidor en nombre del usuario.
El motor AJAX permite que la interacción
del usuario con la aplicación suceda
asincrónicamente (independientemente de
la comunicación con el servidor). Así el
usuario nunca estará mirando una ventana
en blanco del navegador y un icono de
reloj de arena esperando a que el servidor
haga algo.
Web Convencional (respuesta lenta)
              vs
       Web 2.0 (Rápida)

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Ajax!
Ajax!Ajax!
Ajax!
 
Introduction AJAX
Introduction AJAXIntroduction AJAX
Introduction AJAX
 
ASP.NET MVC - AJAX
ASP.NET MVC - AJAXASP.NET MVC - AJAX
ASP.NET MVC - AJAX
 
Single Page Application - Aníbal Rojas
Single Page Application - Aníbal RojasSingle Page Application - Aníbal Rojas
Single Page Application - Aníbal Rojas
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Objetos Implícitos en JSP.
Objetos Implícitos en JSP.Objetos Implícitos en JSP.
Objetos Implícitos en JSP.
 

Destacado

Concepto de Sistema Informático.
Concepto de Sistema Informático. Concepto de Sistema Informático.
Concepto de Sistema Informático. eugeminoli
 
Sistema Operativo Android; versiones, historia
Sistema Operativo Android; versiones, historiaSistema Operativo Android; versiones, historia
Sistema Operativo Android; versiones, historiaKaren Nuñez
 
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxIntroducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxDavid Arango
 

Destacado (8)

Ajax
AjaxAjax
Ajax
 
Presentacion ajax
Presentacion ajaxPresentacion ajax
Presentacion ajax
 
Curso Introducción a android
Curso Introducción a androidCurso Introducción a android
Curso Introducción a android
 
Curso desarrollo en android
Curso desarrollo en androidCurso desarrollo en android
Curso desarrollo en android
 
Concepto de Sistema Informático.
Concepto de Sistema Informático. Concepto de Sistema Informático.
Concepto de Sistema Informático.
 
Sistema Operativo Android; versiones, historia
Sistema Operativo Android; versiones, historiaSistema Operativo Android; versiones, historia
Sistema Operativo Android; versiones, historia
 
El sistema informático
El sistema informáticoEl sistema informático
El sistema informático
 
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: AjaxIntroducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
 

Similar a Ajax

Similar a Ajax (20)

IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN Ajax
 
Ajax
AjaxAjax
Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Capitulo 4.7 prog iii
Capitulo 4.7 prog iiiCapitulo 4.7 prog iii
Capitulo 4.7 prog iii
 
Ajax
AjaxAjax
Ajax
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0
 
Ajax
AjaxAjax
Ajax
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
 
Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Paginas web diseño donamico.pptx
Paginas web diseño donamico.pptxPaginas web diseño donamico.pptx
Paginas web diseño donamico.pptx
 
tecnología AJAX
tecnología AJAXtecnología AJAX
tecnología AJAX
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
 
Ajax
AjaxAjax
Ajax
 
Inicios Ajax
Inicios AjaxInicios Ajax
Inicios Ajax
 
Ajax
AjaxAjax
Ajax
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Ajax
AjaxAjax
Ajax
 

Ajax

  • 1. AJAX LEANDRO L. ROUBINA La siguiente presentación basa su contenido en la página web: http://www.maestrosdelweb.com/e ditorial/ajax/
  • 2. QUÉ ES AJAX AJAX, en resumen, es el acrónimo para Asynchronous JavaScript + XML y el concepto es: Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma.
  • 3. DEFINIENDO Ajax no es una tecnología. Es realmente muchas tecnologías, cada una floreciendo por su propio mérito, uniéndose en poderosas nuevas formas. AJAX incorpora:  presentación basada en estándares usando XHTML y CSS;  exhibición e interacción dinámicas usando el Document Object Model;  Intercambio y manipulación de datos usando XML and XSLT;  Recuperación de datos asincrónica usando XMLHttpRequest;  y JavaScript poniendo todo junto.
  • 4. El modelo clásico de aplicaciones Web funciona de esta forma: La mayoría de las acciones del usuario en la interfaz disparan un requerimiento HTTP al servidor web. El servidor efectúa un proceso (recopila información, procesa números, hablando con varios sistemas propietarios), y le devuelve una pagina HTLM al cliente.
  • 5. QUÉ LO HACE DIFERENTE?  Una aplicación AJAX elimina la naturaleza “arrancar-frenar- arrancar-frenar” de la interacción en la Web introduciendo un intermediario -un motor AJAX- entre el usuario y el servidor. Parecería que sumar una capa a la aplicación la haría menos reactiva, pero la verdad es lo contrario.  En vez de cargar un pagina Web, al inicio de la sesión, el navegador carga al motor AJAX (escrito en JavaScript y usualmente “sacado” en un frame oculto). Este motor es el responsable por renderizar la interfaz que el usuario ve y por comunicarse con el servidor en nombre del usuario.
  • 6. El motor AJAX permite que la interacción del usuario con la aplicación suceda asincrónicamente (independientemente de la comunicación con el servidor). Así el usuario nunca estará mirando una ventana en blanco del navegador y un icono de reloj de arena esperando a que el servidor haga algo.
  • 7. Web Convencional (respuesta lenta) vs Web 2.0 (Rápida)