SlideShare une entreprise Scribd logo
1  sur  1
Télécharger pour lire hors ligne
LA TECNOLOGIA AJAX
Con Ajax, se hace posible realizar peticiones al servidor y obtener respuesta de este en segundo plano (sin
necesidad de recargar la página web completa) y usar esos datos para, a través de JavaScript, modificar los
contenidos de la página creando efectos dinámicos y rápidos.
En el siguiente esquema vemos las ideas en torno a Ajax de forma gráfica. En la parte superior hemos
representado lo que sería un esquema de comunicación tradicional: el cliente solicita una página web
completa al servidor. El servidor recibe la petición, se toma su tiempo para preparar la respuesta y la envía. El
resultado, una pequeña demora debido al tiempo que tarda en llegar la petición al servidor, el tiempo que
éste tarda en preparar la respuesta, y el tiempo que tarda en llegar la respuesta más recargarse en el
navegador.
En la parte inferior vemos lo que sería un esquema de comunicación usando Ajax: el cliente tiene una página
web cargada (puede ser una página web completa, o sólo el esqueleto de una página web). El cliente sigue
trabajando y en segundo plano (de ahí que hayamos dibujado con líneas punteadas las comunicaciones) le
dice al servidor que le envíe un paquete de datos que le hacen falta. El servidor procesa la petición. Ahora la
respuesta es mucho más rápida: no tiene que elaborar una página web completa, sino sólo preparar un
paquete de datos. Por tanto el tiempo de respuesta es más rápido. El servidor envía el paquete de datos al
cliente y el cliente los usa para cambiar los contenidos que se estaban mostrando en la página web.

Contenu connexe

Tendances (10)

Tarea3 programacionweb2020b
Tarea3 programacionweb2020bTarea3 programacionweb2020b
Tarea3 programacionweb2020b
 
Medidores de velocidad maria katerine marin
Medidores de velocidad maria katerine marinMedidores de velocidad maria katerine marin
Medidores de velocidad maria katerine marin
 
Medidores de velocidad maria katerine marin
Medidores de velocidad maria katerine marinMedidores de velocidad maria katerine marin
Medidores de velocidad maria katerine marin
 
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Migrar WordPress
Migrar WordPressMigrar WordPress
Migrar WordPress
 
Medidores luisa botero
Medidores luisa boteroMedidores luisa botero
Medidores luisa botero
 
Medidor de internet
Medidor de internet  Medidor de internet
Medidor de internet
 
Alojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar WordpressAlojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar Wordpress
 
Comopublicarunapagweb
ComopublicarunapagwebComopublicarunapagweb
Comopublicarunapagweb
 
Medidores adriana romero (1)
Medidores adriana romero (1)Medidores adriana romero (1)
Medidores adriana romero (1)
 

En vedette

En vedette (7)

Clase 5 AJAX - Desarrollo de aplicaciones móviles
Clase 5  AJAX - Desarrollo de aplicaciones móvilesClase 5  AJAX - Desarrollo de aplicaciones móviles
Clase 5 AJAX - Desarrollo de aplicaciones móviles
 
Definición web 2.0
Definición web 2.0Definición web 2.0
Definición web 2.0
 
que es la WEB 2.0
que es la WEB 2.0que es la WEB 2.0
que es la WEB 2.0
 
Monica aspe conectivdidad_social_en_al_-_ers_p3
Monica aspe conectivdidad_social_en_al_-_ers_p3Monica aspe conectivdidad_social_en_al_-_ers_p3
Monica aspe conectivdidad_social_en_al_-_ers_p3
 
George Siemens at TLT
George Siemens at TLTGeorge Siemens at TLT
George Siemens at TLT
 
Conectividad XXI
Conectividad XXIConectividad XXI
Conectividad XXI
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

Similaire à tecnología AJAX

Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
Hector Cruz cortes
 

Similaire à tecnología AJAX (20)

Ajax
AjaxAjax
Ajax
 
IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN 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
 
Ajax
AjaxAjax
Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Expo
ExpoExpo
Expo
 
Práctica web de la sesión 16.pptx
Práctica web de la sesión 16.pptxPráctica web de la sesión 16.pptx
Práctica web de la sesión 16.pptx
 
AJAX
AJAXAJAX
AJAX
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Introduccion aspnet
Introduccion aspnetIntroduccion aspnet
Introduccion aspnet
 
Introduccion aspnet
Introduccion aspnetIntroduccion aspnet
Introduccion aspnet
 
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
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
 
S5-DAW-2022S1.pptx
S5-DAW-2022S1.pptxS5-DAW-2022S1.pptx
S5-DAW-2022S1.pptx
 
Como usar ajax con jquery
Como usar ajax con jqueryComo usar ajax con jquery
Como usar ajax con jquery
 
Ajax
AjaxAjax
Ajax
 
Inicios Ajax
Inicios AjaxInicios Ajax
Inicios Ajax
 

Dernier

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Dernier (10)

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

tecnología AJAX

  • 1. LA TECNOLOGIA AJAX Con Ajax, se hace posible realizar peticiones al servidor y obtener respuesta de este en segundo plano (sin necesidad de recargar la página web completa) y usar esos datos para, a través de JavaScript, modificar los contenidos de la página creando efectos dinámicos y rápidos. En el siguiente esquema vemos las ideas en torno a Ajax de forma gráfica. En la parte superior hemos representado lo que sería un esquema de comunicación tradicional: el cliente solicita una página web completa al servidor. El servidor recibe la petición, se toma su tiempo para preparar la respuesta y la envía. El resultado, una pequeña demora debido al tiempo que tarda en llegar la petición al servidor, el tiempo que éste tarda en preparar la respuesta, y el tiempo que tarda en llegar la respuesta más recargarse en el navegador. En la parte inferior vemos lo que sería un esquema de comunicación usando Ajax: el cliente tiene una página web cargada (puede ser una página web completa, o sólo el esqueleto de una página web). El cliente sigue trabajando y en segundo plano (de ahí que hayamos dibujado con líneas punteadas las comunicaciones) le dice al servidor que le envíe un paquete de datos que le hacen falta. El servidor procesa la petición. Ahora la respuesta es mucho más rápida: no tiene que elaborar una página web completa, sino sólo preparar un paquete de datos. Por tanto el tiempo de respuesta es más rápido. El servidor envía el paquete de datos al cliente y el cliente los usa para cambiar los contenidos que se estaban mostrando en la página web.