UNIVERSIDAD ESTATAL DE MILAGRO

PROYECTO

TEMA:
AJAX

DOCENTE:
ING. ERNESTO GUAMAN

CURSO:
4TO SISTEMAS

AUTORES:
JULIO CHAVEZ RAMOS
JHON ALTAMIRANO RETO

2016-2017

Pgina 1 de 10
Contenido
INTRODUCCION........................................................................................................... 3
DESARROLLO............................................................................................................. 4
DEFINICION............................................................................................................. 4
COMO FUNCIONA (ARQUITECTURA AJAX GRAFICO)...............................................4
INVOCACIN ASNCRONO Y SNCRONO CON AJAX (GRAFICO)...............................6
COMO SE IMPLEMENTA O UTILIZA?......................................................................7
FORMATOS DE SALIDA CON AJAX............................................................................8
QUIENES UTILIZAN AJAX?..................................................................................... 8
CONCLUSIN.............................................................................................................. 9
BIBLIOGRAFIA.......................................................................................................... 10

Pgina 2 de 10
 INTRODUCCION
El trmino AJAX es un acrnimo de Asynchronous JavaScript + XML, que se puede traducir
como "JavaScript asncrono + XML". El artculo define AJAX de la siguiente forma: Ajax no es
una tecnologa en s mismo. En realidad, se trata de varias tecnologas independientes que se
unen de formas nuevas y sorprendentes.

Las tecnologas que forman AJAX son:

XHTML y CSS, para crear una presentacin basada en estndares.

DOM, para la interaccin y manipulacin dinmica de la presentacin.

XML, XSLT y JSON, para el intercambio y la manipulacin de informacin.

XMLHttpRequest, para el intercambio asncrono de informacin.

JavaScript, para unir todas las dems tecnologas.

Desarrollar aplicaciones AJAX requiere un conocimiento avanzado de todas y cada una de las
Tecnologas anteriores. En las aplicaciones web tradicionales, las acciones del usuario en la
pgina (pinchar en un botn, seleccionar un valor de una lista, etc.) desencadenan llamadas al
servidor. Una vez procesada la peticin del usuario, el servidor devuelve una nueva pgina
HTML al navegador del usuario.

Pgina 3 de 10
 DESARROLLO
DEFINICION
AJAX se define como una tcnica para el desarrollo de pginas (sitios) web que implementan
aplicaciones interactivas. Est formada por: JavaScript + XML + Asncrono = A.Ja.X

Podemos decir que AJAX es una tcnica que permite, mediante programas escritos en
JavaScript, que un servidor y un navegador intercambien informacin, posiblemente en XML, de
forma asncrona. Permite que una pgina web que ya ha sido cargada solicite nueva
informacin al servidor. Dicho as, no supondra en realidad ningn invento novedoso. Una
pgina web que contiene un enlace permite que se solicite al servidor nueva informacin cada
vez que se pincha dicho enlace. Una pgina web que contiene un formulario enva informacin al
servidor y recibe de l nueva informacin, normalmente la respuesta ante los datos que se han
enviado. En ambos casos hay una conexin entre el cliente y el servidor.

COMO FUNCIONA (ARQUITECTURA AJAX GRAFICO)

Pgina 4 de 10
Mediante el Ajax pedimos realizar peticiones al servidor y esperar respuesta puede consumir
tiempo, es una tecnologa que busca evitar las demoras propias de las peticiones y respuestas del
servidor mediante la transmisin de datos en segundo plano usando un protocolo especficamente
diseado para la transmisin rpida de pequeos paquetes de datos.

Con Ajax, se hace posible realizar peticiones al servidor y obtener respuesta de este en segundo
plano (sin necesidad de recargar la pgina web completa) y usar esos datos para, a travs de
JavaScript, modificar los contenidos de la pgina creando efectos dinmicos y rpidos.

En el esquema anterior vemos las ideas en torno a Ajax de forma grfica. En la parte superior
hemos representado lo que sera un esquema de comunicacin tradicional: el cliente solicita una
pgina web completa al servidor. El servidor recibe la peticin, se toma su tiempo para preparar
la respuesta y la enva. El resultado, una pequea demora debido al tiempo que tarda en llegar la
peticin al servidor, el tiempo que ste tarda en preparar la respuesta, y el tiempo que tarda en
llegar la respuesta ms recargarse en el navegador.

Mientras que el otro esquema de comunicacin usando Ajax: el cliente tiene una pgina web
cargada (puede ser una pgina web completa, o slo el esqueleto de una pgina web). El cliente
sigue trabajando y en segundo plano (de ah que hayamos dibujado con lneas punteadas las
comunicaciones) le dice al servidor que le enve un paquete de datos que le hacen falta. El
servidor procesa la peticin. Ahora la respuesta es mucho ms rpida: no tiene que elaborar una
pgina web completa, sino slo preparar un paquete de datos. Por tanto el tiempo de respuesta es
ms rpido. El servidor enva el paquete de datos al cliente y el cliente los usa para cambiar los
contenidos que se estaban mostrando en la pgina web.

Pgina 5 de 10
INVOCACIN ASNCRONO Y SNCRONO CON AJAX (GRAFICO)
En definitiva, la idea era realizar peticiones asncronas, o lo que es igual, el cliente realizaba una
peticin y segu funcionando tal cual, hasta que el servidor la procesaba y contestaba, en cuyo
caso, el cliente ejecutaba una retrollamada o callback. Bsicamente lo que se describe en este
grfico:

Ahora bien, qu ocurre cuando tenemos una web que desde el momento de su carga depende de
ciertos datos que se han de extraer del servidor, por ejemplo, supongamos que vamos a hacer una
aplicacin Ajax que depende de una API JSON y que nuestra aplicacin necesita saber unos
parmetros antes siquiera de renderizar la web. Es decir, queremos que ocurra lo que se detalla
en este grfico:

Pgina 6 de 10
COMO SE IMPLEMENTA O UTILIZA?

Es utilizado para:

Mejora la experiencia del usuario

Puede ser utilizada en cualquier plataforma y navegador
Menor transferencia de datos cliente/servidor
Optimizacin de recursos (tiempo de operaciones)
Portabilidad y usabilidad (permite realizar una peticin de datos al servidor y recibirla sin
necesidad de cargar la pgina entera)

Aunque el punto dbil de AJAX es que es necesario escribir cdigo para cada uno de los
navegadores que utilizaremos, y esto requiere de mucho tiempo. Sin embargo, jQuery llega al
rescate al permitirnos utilizar AJAX y todo su potencial con una sola lnea de cdigo:

$.ajax({name:value, name:value, })

FORMATOS DE SALIDA CON AJAX

XML es el formato usado comnmente para la transferencia de vuelta al servidor, aunque
cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta

Pgina 7 de 10
EBML.
Como el DHTML, LAMP o SPA, AJAX no constituye una tecnologa en s, sino que es un
trmino que engloba a un grupo de stas que trabajan conjuntamente.

QUIENES UTILIZAN AJAX?

Ajax es utilizado por los lderes en la industria web como Google o Yahoo, da una idea de su
potencial.

CONCLUSIN
AJAX es un nuevo enfoque de desarrollo web que garantiza una mayor interactividad y
usabilidad de portales web

Pgina 8 de 10
Su utilizacin por lderes en la industria web como Google o Yahoo!, da una idea de su potencial.
Incluso Microsoft ya est pensando en aadir a ASP.NET 2.0 un conjunto de controles basados
en tecnologa AJAX.

El desarrollo web con AJAX no es trivial y difcil de hacer debugging. Sin embargo, las
frameworks que estn emergiendo simplificarn el desarrollo web basado en AJAX

Pgina 9 de 10
 BIBLIOGRAFIA
http://paginaspersonales.deusto.es/dipina/ajax/CursoAJAX.pdf
http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=882:ique-es-y-para-que-sirve-ajax-ventajas-e-
inconvenientes-javascript-asincrono-xml-y-json-cu01193e&catid=78:tutorial-basico-
programador-web-javascript-desde-&Itemid=206
http://www.digitallearning.es/blog/que-es-ajax/
http://www.jesusda.com/docs/ebooks/introduccion_ajax.pdf
http://blog.intelligenia.com/2012/02/interfaces-ajax-peticiones-de.html

Pgina 10 de 10