Vamos a ver algunos ejemplos de Ayax en sitios web muy populares.
El que más ejemplo más claro de Ayax es Google.
Puedes por ejemplo ponerle en el buscador por ejemplo CSS3 y vemos cómo ni siquiera recarga la página
y me va dando aquí las sugerencias y también los resultados tienen algo que ver con la página o lo que
yo estoy buscando aquí.
Así lo deja espacio y le pongo aquí curso.
Vemos como el buscador aquí también me cambia lo que vienen siendo los resultados y si le damos enter
nos aparecen los resultados aquí abajo sin necesidad de cambiar lo que viene siendo la página web puedo
eliminar este y poner aquí HTML5 y vemos como cambian los resultados aquí abajo y puedo poner equivalent
Plait espacio me va dando más resultados aquí la búsqueda también se efectúa en la parte inferior y
este es uno de los ejemplos que más puedes ver en qué utilizan Ayax.
Nosotros estamos escribiendo algo en el buscador y hace una petición al servidor de lo que estamos buscando
sin necesidad de recargar la página.
Hacer la consulta y nos trae de regreso lo que viene siendo los resultados que tenemos.
Otro ejemplo es Google Maps Google Maps si por ejemplo yo me pongo en el mapa más grande puedes ver
que te imprime algo muy general aquí por ejemplo en esta ciudad Guadalajara y si voy acercándome embarran
deprimiendo más campos Cadhac que yo doy es Krol reacciona al evento del scroll y va mostrando la respuesta
del servidor incluso si te acercas mucho puedes ver que hay lugares que a veces el mapa no se ve pero
ya que te acercas más puedes ver que va agregando más información y de esta forma hacemos más eficiente
lo que viene siendo la página web ya que no ocupa cargar todo el mapa de todo el mundo sino que va reaccionando
a lo que el usuario vaya solicitando haciéndolo más rápido.
Puedes ver que voy dando scroll hacia arriba va apareciendo el mapa más completo.
Esto porque como dije reacciona a lo que nosotros hacemos en la página envía la petición al servidor
regresa la respuesta y la imprime en la página web no hay necesidad de estar recargando la página ni
nada de eso Ayax maneja todo esto ahora sí que en automático en la página y este es uno de los ejemplos
más claros de Ayax en una página web.
Otro ejemplo es el de Amazon.com puedes ver si por ejemplo yo aquí descrito en la barra de búsqueda.
Si yo pongo ropa me parece aquí algunas sugerencias de busca o si busco libros también me aparece aquí
libros para niños libros gratis en español o si te pongo aquí programación me parece programación C
con Android orientada a objetos web.
Algunas otras sugerencias de búsquedas.
Todo esto lo hace como dije sin recargar la página web y esta es una de las técnicas más más comunes
que vas a encontrar hoy en día.
Qué es la utilización de Ayax ya que vimos algunos ejemplos en el siguiente vídeo vamos a ver el XML
HTTP request.
Cómo funciona este objeto y cómo podemos utilizarlo para nuestras páginas web.