1
00:00:00,560 --> 00:00:05,880
Vamos a ver algunos ejemplos de Ayax en sitios web muy populares.

2
00:00:05,880 --> 00:00:11,600
El que más ejemplo más claro de Ayax es Google.

3
00:00:11,760 --> 00:00:19,340
Puedes por ejemplo ponerle en el buscador por ejemplo CSS3 y vemos cómo ni siquiera recarga la página

4
00:00:20,140 --> 00:00:26,940
y me va dando aquí las sugerencias y también los resultados tienen algo que ver con la página o lo que

5
00:00:26,940 --> 00:00:28,730
yo estoy buscando aquí.

6
00:00:29,070 --> 00:00:31,070
Así lo deja espacio y le pongo aquí curso.

7
00:00:32,310 --> 00:00:40,140
Vemos como el buscador aquí también me cambia lo que vienen siendo los resultados y si le damos enter

8
00:00:40,220 --> 00:00:48,580
nos aparecen los resultados aquí abajo sin necesidad de cambiar lo que viene siendo la página web puedo

9
00:00:48,630 --> 00:00:55,790
eliminar este y poner aquí HTML5 y vemos como cambian los resultados aquí abajo y puedo poner equivalent

10
00:00:55,850 --> 00:01:03,690
Plait espacio me va dando más resultados aquí la búsqueda también se efectúa en la parte inferior y

11
00:01:03,690 --> 00:01:09,810
este es uno de los ejemplos que más puedes ver en qué utilizan Ayax.

12
00:01:09,810 --> 00:01:15,570
Nosotros estamos escribiendo algo en el buscador y hace una petición al servidor de lo que estamos buscando

13
00:01:16,200 --> 00:01:18,480
sin necesidad de recargar la página.

14
00:01:18,510 --> 00:01:25,260
Hacer la consulta y nos trae de regreso lo que viene siendo los resultados que tenemos.

15
00:01:25,370 --> 00:01:32,930
Otro ejemplo es Google Maps Google Maps si por ejemplo yo me pongo en el mapa más grande puedes ver

16
00:01:32,930 --> 00:01:38,460
que te imprime algo muy general aquí por ejemplo en esta ciudad Guadalajara y si voy acercándome embarran

17
00:01:38,470 --> 00:01:46,550
deprimiendo más campos Cadhac que yo doy es Krol reacciona al evento del scroll y va mostrando la respuesta

18
00:01:46,550 --> 00:01:52,550
del servidor incluso si te acercas mucho puedes ver que hay lugares que a veces el mapa no se ve pero

19
00:01:52,550 --> 00:02:00,030
ya que te acercas más puedes ver que va agregando más información y de esta forma hacemos más eficiente

20
00:02:00,030 --> 00:02:06,260
lo que viene siendo la página web ya que no ocupa cargar todo el mapa de todo el mundo sino que va reaccionando

21
00:02:06,260 --> 00:02:09,710
a lo que el usuario vaya solicitando haciéndolo más rápido.

22
00:02:09,710 --> 00:02:13,990
Puedes ver que voy dando scroll hacia arriba va apareciendo el mapa más completo.

23
00:02:14,110 --> 00:02:21,410
Esto porque como dije reacciona a lo que nosotros hacemos en la página envía la petición al servidor

24
00:02:21,410 --> 00:02:26,810
regresa la respuesta y la imprime en la página web no hay necesidad de estar recargando la página ni

25
00:02:26,810 --> 00:02:36,340
nada de eso Ayax maneja todo esto ahora sí que en automático en la página y este es uno de los ejemplos

26
00:02:36,340 --> 00:02:39,760
más claros de Ayax en una página web.

27
00:02:39,760 --> 00:02:47,550
Otro ejemplo es el de Amazon.com puedes ver si por ejemplo yo aquí descrito en la barra de búsqueda.

28
00:02:47,940 --> 00:02:56,550
Si yo pongo ropa me parece aquí algunas sugerencias de busca o si busco libros también me aparece aquí

29
00:02:56,550 --> 00:03:05,390
libros para niños libros gratis en español o si te pongo aquí programación me parece programación C

30
00:03:05,550 --> 00:03:09,000
con Android orientada a objetos web.

31
00:03:09,060 --> 00:03:13,800
Algunas otras sugerencias de búsquedas.

32
00:03:14,210 --> 00:03:20,600
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

33
00:03:20,600 --> 00:03:21,890
que vas a encontrar hoy en día.

34
00:03:22,780 --> 00:03:31,880
Qué es la utilización de Ayax ya que vimos algunos ejemplos en el siguiente vídeo vamos a ver el XML

35
00:03:31,910 --> 00:03:33,650
HTTP request.

36
00:03:33,710 --> 00:03:38,530
Cómo funciona este objeto y cómo podemos utilizarlo para nuestras páginas web.