1
00:00:00,830 --> 00:00:10,590
Vamos a ver el objeto XML HTTP request y como pongo aquí es la clave en Ayax.

2
00:00:10,890 --> 00:00:20,530
Este es el objeto principal en el que se hace todo así que vamos a ver cómo funciona XML HTTP Request

3
00:00:21,220 --> 00:00:26,020
es utilizado para intercambiar datos detrás de escenas.

4
00:00:26,370 --> 00:00:33,970
Gracias a este objeto es posible actualizar distintas partes de una página web sin recargar la página

5
00:00:33,970 --> 00:00:37,870
completamente y cómo se crea.

6
00:00:38,200 --> 00:00:43,110
Normalmente cuando trabajes con ella esto es trabajar con JavaScript.

7
00:00:43,290 --> 00:00:49,600
Así que en un archivo de JavaScript puedes colocar el siguiente código Bahr para crear una variable

8
00:00:50,440 --> 00:00:53,980
y por lo normal casi todo el mundo lo nombra como X H.R.

9
00:00:53,980 --> 00:01:02,780
Sin embargo tú puedes nombrarlo como quieras puedes nombrarlo var petición Ayax o var my Ayax o mi búsqueda

10
00:01:02,780 --> 00:01:04,930
en Ayax como tú quieras.

11
00:01:04,930 --> 00:01:13,990
Sin embargo es como una convención que existe llamarlo X Acher por las iniciales de XML HTTP y request

12
00:01:15,150 --> 00:01:17,460
y esto va a ser igual a new.

13
00:01:17,460 --> 00:01:24,010
Vamos a crear una nueva instancia de XML HTTP request.

14
00:01:24,180 --> 00:01:33,750
Todos los navegadores modernos tienen esta forma de entender este objeto ya existe dentro y una vez

15
00:01:33,750 --> 00:01:41,400
que instancias de este objeto que lo creas así tendrás acceso a todos los métodos disponibles en XML

16
00:01:41,490 --> 00:01:50,610
HTTP recuesto vamos a ver por ejemplo algunos de los métodos disponibles y por ejemplo New va a crear

17
00:01:51,090 --> 00:01:52,020
un nuevo rico.

18
00:01:52,050 --> 00:01:59,540
Como vimos en la anterior diapositiva junto a bord te va a ayudar a cancelar un request que ya se ha

19
00:01:59,540 --> 00:02:09,540
realizado Get o Response Ebers va a retornar información del Gelder Open.

20
00:02:09,570 --> 00:02:19,290
Es un método que te va a ayudar a abrir la conexión del request y aquí es donde le pasas algunos tipos

21
00:02:19,290 --> 00:02:25,630
de datos que son importantes y lo vamos a hacer un poco más adelante cent. va a enviar el recuesto al

22
00:02:25,630 --> 00:02:26,830
servidor.

23
00:02:27,100 --> 00:02:33,330
Es importante que por ejemplo tú haces el New para crear request.

24
00:02:33,610 --> 00:02:36,880
Después haces el Open para abrir la conexión.

25
00:02:37,180 --> 00:02:42,230
Sin embargo hasta que haces el cent es que la información se envía al servidor.

26
00:02:42,270 --> 00:02:50,410
Es hasta ese punto donde se realiza la consulta al servidor y también tenemos request Gelder para agregar

27
00:02:50,410 --> 00:02:54,460
valor de valores Alger que se desea enviar.

28
00:02:54,590 --> 00:03:03,710
Saber un ejemplo y supongamos que creamos nuestro objeto Bar X Cherro igual a nuevo http: XML HTTP recuesto

29
00:03:04,410 --> 00:03:12,260
estábamos distanciando el objeto y después lo que hacemos es utilizar la misma variable.

30
00:03:12,560 --> 00:03:21,510
Y como dije al crear esta instancia tenemos acceso a los métodos sedería X H.R punto Open Open recibe

31
00:03:21,510 --> 00:03:30,840
tres parámetros el primero sería post Droguett para enviar información o obtener información.

32
00:03:30,840 --> 00:03:36,930
El segundo sería la web R.L del archivo al que te quieres comunicar en este caso supongamos que estamos

33
00:03:36,930 --> 00:03:44,820
comunicando un archivo de PHP que se llama crear usuario y por último está si queremos que sea síncrono

34
00:03:44,910 --> 00:03:47,190
o asíncrono la consulta.

35
00:03:47,200 --> 00:03:54,360
Eso lo vamos a ver un poco más adelante para que quede claro que es asíncrono y síncrono y una vez que

36
00:03:54,360 --> 00:04:01,800
tenemos nuestra conexión utilizando la misma variable ponemos X Acher dozen y esto va a enviar los datos

37
00:04:01,890 --> 00:04:06,240
al servidor y realizar la consulta la petición al servidor

38
00:04:09,150 --> 00:04:15,670
y tal vez digas post Ogueta igual como recordatorio es importante decir que el post es utilizado para

39
00:04:15,670 --> 00:04:24,790
enviar o intercambiar información al servidor y que es más utilizado para obtener información del servidor

40
00:04:27,750 --> 00:04:32,400
ahora sí vamos a ver un ejemplo si esto fuera un formulario cómo funcionaría o no un formulario si quisiéramos

41
00:04:32,400 --> 00:04:34,770
hacer una consulta de Ayax.

42
00:04:34,770 --> 00:04:42,000
Igual creamos nuestro objeto Varric Sacher igual a new http: XML HTTP Request para crear nuestra instancia

43
00:04:43,320 --> 00:04:48,060
después creamos el Open igualas que após que el usuario

44
00:04:51,650 --> 00:04:59,340
y cuando trabajas con formularios tienes que ponerle X H.R punto ser rico es Getter y es obligatorio

45
00:04:59,340 --> 00:05:03,990
ponerle el contentarme y cuando es un formulario debes de ponerle esto.

46
00:05:04,010 --> 00:05:10,400
Aplicación de agonal X www Ubu form o R.L en Coretta.

47
00:05:10,470 --> 00:05:17,110
Esto va a hacer que funcione el formulario HTML por medio de Ayax si se pueda comunicar correctamente.

48
00:05:17,340 --> 00:05:21,810
Si por ejemplo estamos creando un usuario lo más seguro es que estemos creando un nombre y un apellido

49
00:05:21,810 --> 00:05:29,760
tal vez entonces sería X H.B en y dentro de él le enviamos los parámetros el nombre igual a Juan por

50
00:05:29,760 --> 00:05:37,620
ejemplo y el apellido a de la Torre y eso va a enviar estos datos hacia el archivo de PHP y nos va a

51
00:05:37,620 --> 00:05:40,080
regresar una respuesta igual.

52
00:05:40,110 --> 00:05:45,230
Entiendo que esto es como un poco básico igual es una introducción un poquito más adelante estaremos

53
00:05:45,240 --> 00:05:48,010
viendo un ejemplo con código.

54
00:05:48,270 --> 00:05:54,480
Sin embargo nos hace falta ver algo más que son los estados y los eventos que veremos en el siguiente

55
00:05:54,480 --> 00:05:54,830
vídeo.