1
00:00:00,390 --> 00:00:06,630
En este video vamos a comenzar a utilizar Ayax Ayax nos va a permitir leer los datos que están aquí

2
00:00:06,630 --> 00:00:13,830
en el archivo de JavaScript lo que es el usuario el password etc. y van a permitir comunicar eso con

3
00:00:13,830 --> 00:00:21,330
los archivos de PHP algo que por sí solo no es posible ya que JavaScript por sí solo no puede almacenar

4
00:00:21,330 --> 00:00:29,840
en la base de datos salvo que usemos otra tecnología como JS Entonces quién es dónde vamos a hacer toda

5
00:00:29,840 --> 00:00:32,010
la parte del llamado Ayax.

6
00:00:32,400 --> 00:00:34,940
Qué va a suponer algunos comentarios.

7
00:00:35,090 --> 00:00:47,460
Ambos campos tienen algo son correctos mandar quitar Ayax y exponemos ponemos la validación fallo

8
00:00:50,540 --> 00:00:54,380
hay algo muy importante es que aquí estoy seleccionando usuario y password pero si inspeccionamos un

9
00:00:54,380 --> 00:01:00,120
poco el código a quien el enviar hay otro agiten que se llama tipo este dice crear.

10
00:01:00,470 --> 00:01:10,340
Si vemos el otro el de login este tipo de dato es login entonces tenemos login y crear son distintos.

11
00:01:10,370 --> 00:01:18,310
Así que voy a poner una coma y ponemos tipo igual a Tocumen y vamos a ponerlo igual copiar todo esto

12
00:01:18,310 --> 00:01:26,350
pero no escribirlo nada más asegurate poner punto y coma al final X tipo de tipo pues ya tenemos los

13
00:01:26,350 --> 00:01:37,800
tres datos si a poner Ayax lo primero que vamos a hacer es consultar la base de datos mandar llamar

14
00:01:37,800 --> 00:01:46,940
con Ayax y vamos a tener algo que Samael frontera fueron de Irán sobre archivar datos formulario iguala

15
00:01:47,680 --> 00:01:53,040
vamos a programas como datos para poderlos reutilizar más adelante.

16
00:01:53,100 --> 00:01:57,890
New form Daira qué es el uso de Founder a dónde ir.

17
00:01:57,890 --> 00:02:02,660
Puede ser que tenga por la parte de foram que creamos que nada más lo podemos utilizar en formularios

18
00:02:02,670 --> 00:02:06,010
en realidad no puede ser utilizado en cualquier parte.

19
00:02:06,020 --> 00:02:12,680
Esto nos va a permitir estructurar nuestro nuestro llamado Ayax darle una llave y un valor y enviar

20
00:02:12,680 --> 00:02:18,320
esos datos con Ayax lo hacen mucho más fácil from Daira que buscan datos.

21
00:02:18,450 --> 00:02:26,490
Cómo le agregamos los datos no datos Append y nuestra llave se llama el usuario y el valor la llave

22
00:02:26,490 --> 00:02:31,870
siempre va a ser usuario pero el valor de usuario va a depender de lo que tenga el input entonces aquí

23
00:02:31,900 --> 00:02:34,900
lo ponemos como usuario punto y coma.

24
00:02:34,900 --> 00:02:41,140
Vamos a crear dos copias más porque vamos a enviar también a la consulta de la base de datos password

25
00:02:43,570 --> 00:02:51,430
y también vamos a enviar el tipo en este caso lo voy a llamar como acción se quiere hacer password que

26
00:02:51,450 --> 00:02:56,680
iba a ser el tipo y eso va a estructurar correctamente nuestro fundiera.

27
00:02:56,730 --> 00:03:06,450
Si no soy Consol los datos guardó cambios abrimos la consola y agrego algo en ambos iniciar sesión qué

28
00:03:06,640 --> 00:03:11,720
dice document con doblete en la línea 14.

29
00:03:11,770 --> 00:03:18,100
Aquí hay un error de mi parte algo que tiene JavaScript es que si te equivocas deja de ejecutarse entonces

30
00:03:18,510 --> 00:03:25,630
decide iniciar sesión y vemos que se fueron Daira para acceder a los datos necesitas escribir otro tipo

31
00:03:25,630 --> 00:03:30,000
de sintaxis pero has creado el Founder correctamente.

32
00:03:30,060 --> 00:03:34,570
Si te gustaría por ejemplo leer el usuario que está en el fondo era quien además de poner xiquet entre

33
00:03:34,570 --> 00:03:43,280
paréntesis comillas sencillas usuario por ejemplo aquí voy a ponerle Zaca del usuario O'Conner Pablo

34
00:03:44,000 --> 00:03:51,420
nombre y vascón a quien la Consol con sólo crear cuenta que tiene que estar en ambos crear cuenta que

35
00:03:51,420 --> 00:04:01,300
se quiere pues usuarios es usuario entonces recargamos Pablo y lo que sea aquí crear cuenta que dice

36
00:04:01,300 --> 00:04:10,950
Pablo entonces Append nos sirve para agregar datos al fondo y yeta y la llave para ver los datos ahora

37
00:04:10,950 --> 00:04:15,990
esto va a crear el fondo era eso va a crear los datos que se van a enviar al servidor entonces datos

38
00:04:16,920 --> 00:04:22,530
que se envían al servidor si quieres enviar más formularios mucho más grandes pues aquí vas agregando

39
00:04:22,530 --> 00:04:27,360
más y más con el Append vamos a crear el llamado Ayax.

40
00:04:28,080 --> 00:04:34,950
Hay distintas formas de crear un llamado Ayax las dos más comunes son Locket y también las que vimos

41
00:04:34,950 --> 00:04:38,950
anteriormente que fue honraría change.

42
00:04:39,070 --> 00:04:42,750
Si recuerdas hay cuatro pasos cuando tienes un llamado Ayax.

43
00:04:42,960 --> 00:04:49,460
El primero es la creación de la conexión crear el llamado Ayax suponerles Var y quizá Cherres normalmente

44
00:04:49,460 --> 00:05:00,950
como se va a llamar porque utilizamos XML XML HTTP HTTP en minúsculas Nachi mayúsculas minúsculas recuesto

45
00:05:02,870 --> 00:05:11,840
y después abrir la conexión es el paso 2 Abrir la conexión y ponemos X H.B Open aquí vamos a enviar

46
00:05:11,840 --> 00:05:16,310
los datos por medio de post a donde los vamos a enviar.

47
00:05:16,420 --> 00:05:24,620
Es el segundo parámetro a incluís y en ese modelo todavía no creamos esa carpeta modelo ya admin punto

48
00:05:24,640 --> 00:05:34,380
PHP y otro para hacer que sea un llamado asíncrono y NCA vamos a tener que crear esta carpeta y ese

49
00:05:34,400 --> 00:05:45,080
archivo entonces Nioh folder modelos más adelante estará explicando por qué modelos y qué modelo habrá

50
00:05:45,150 --> 00:05:47,790
en el mundo PHP.

51
00:05:47,970 --> 00:05:52,830
Continuamos en el formulario esto ya abre la conexión le dice a qué parte a qué archivo debe de enviar

52
00:05:52,830 --> 00:06:00,260
lo que está en el fondo era lo que nuestro usuario ha escrito en el formulario aquí lo va a enviar.

53
00:06:00,260 --> 00:06:09,790
Tercer paso que es HR-V LOTTT Seki Cherro Louzao aquí sería

54
00:06:12,890 --> 00:06:17,340
el retorno de datos Acheron.

55
00:06:17,400 --> 00:06:27,090
Esto va a ser igual a una función y en esta función en este función vamos a comprobar disputo estatus

56
00:06:27,090 --> 00:06:29,810
que el estatus sea 200.

57
00:06:29,850 --> 00:06:37,320
Eso quiere decir que el llamado fue exitoso y esto usualmente nos va a retornar una respuesta que podemos

58
00:06:37,320 --> 00:06:44,760
poner como Consol punto Loba y quizá H.R punto responsa text que es una respuesta que viene desde el

59
00:06:44,760 --> 00:06:46,060
servidor.

60
00:06:46,290 --> 00:06:51,720
En este caso va a ser desde el código que escribamos en el modelo admin momento estaba así lo estaremos

61
00:06:51,720 --> 00:06:55,060
escribiendo en un momento.

62
00:06:55,270 --> 00:07:02,220
Finalmente es muy común que uno llaman de la petición aquí pero hay que enviar la petición usualmente

63
00:07:02,220 --> 00:07:09,630
es con X Aché repuntó zen y aquí se manda al fondea datos todo lo que está en el foro donde era usuario

64
00:07:09,630 --> 00:07:17,620
password tipo si tienes archivos y tienes todo aquí todo eso se va a enviar como parte del Founder ahora

65
00:07:17,630 --> 00:07:19,790
aquí estamos recibiendo una respuesta.

66
00:07:20,110 --> 00:07:32,560
Si habrá un modelo admin no PHP y pongo algo así como Dai Jayson cosa y vamos a hacerlo más simple todavía.

67
00:07:32,560 --> 00:07:41,640
Voy a crear un arreglo arreglo igual a Ray y aquí voy a poner respuesta.

68
00:07:43,460 --> 00:07:53,970
Desde modelo expongo esto así entonces doy Jayson en cloud.

69
00:07:54,500 --> 00:08:00,810
Ella hizo una incubándose a permitir convertir un arreglo a Jayson Jayson es un formato intermedio entre

70
00:08:00,870 --> 00:08:04,550
JavaScript y PHP en el que se comunican bastante bien ambos.

71
00:08:04,560 --> 00:08:07,730
Eso nos va a permitir le dice que es un formato de transporte.

72
00:08:08,460 --> 00:08:17,220
Entonces Jayson nos va a permitir enviar datos del formulario a PHP y PHP al formulario y trabajar con

73
00:08:17,220 --> 00:08:17,840
ellos.

74
00:08:18,790 --> 00:08:20,440
Entonces aquí ponemos arreglo.

75
00:08:22,310 --> 00:08:29,720
Entonces esto que estamos aquí dándole da como Neco con Jayson en cada arreglo va a ser lo que es la

76
00:08:29,720 --> 00:08:30,320
respuesta.

77
00:08:30,330 --> 00:08:38,670
X hacheros responsa text entonces recargamos aquí tenemos lo que sea va a poner un y uno y crear cuenta

78
00:08:39,230 --> 00:08:46,450
y respuesta desde modelo entonces 6m x Acher Response TEDx es lo que estemos enviando.

79
00:08:46,530 --> 00:08:52,250
Como dato que se imprime lo que está imprimiendo quien dice en el modelo guionada admin.

80
00:08:52,710 --> 00:09:00,380
Incluso puedes eliminar este arreglo y por ejemplo darle Jayson Encode al post y ver qué datos comprobar

81
00:09:00,380 --> 00:09:06,000
que los datos se están enviando correctamente del archivo JavaScript hacia el PHP.

82
00:09:06,110 --> 00:09:11,330
Es una forma de hacerlo esta es la forma recomendada de asegurarte que tus datos del fondo están siendo

83
00:09:11,330 --> 00:09:13,250
recibidos en tus archivos php.

84
00:09:14,660 --> 00:09:18,650
1 1 Crear cuenta que se imprime correctamente.

85
00:09:18,760 --> 00:09:20,130
Ahora esta sintaxis se borrará.

86
00:09:20,150 --> 00:09:27,180
Esto es esto en realidad es Jayson pero puedes ver qué es un estigma no tiene nada a quién el formulario

87
00:09:28,000 --> 00:09:35,140
como dije ya hizo es un formato de transporte que nos permite comunicar entre JavaScript y PHP eso es

88
00:09:35,140 --> 00:09:43,210
lo que hace pero también al ser éste por ejemplo un arreglo puedo convertirlo de Yeison a un objeto

89
00:09:43,570 --> 00:09:45,130
en JavaScript.

90
00:09:45,130 --> 00:09:51,640
Al final como siempre digo el corazón de PHP son los arreglos del corazón de JavaScript son los objetos

91
00:09:52,450 --> 00:10:01,420
equipados con el Villayón punto pars esta función lo que va a hacer es tomar este string y convertirlo

92
00:10:01,420 --> 00:10:02,470
objeto.

93
00:10:02,650 --> 00:10:09,580
Entonces recargamos 1 1 Crear y vemos que ahora sí ya pudo dar clic aquí y tengo acción crear password

94
00:10:09,900 --> 00:10:14,580
y el usuario y de esta forma puedo acceder a lo que vienen siendo cada uno de estos datos.

95
00:10:14,650 --> 00:10:20,710
A diferencia de que si nada más tuviera X H.R punto respondiste de esa forma no puedo acceder a los

96
00:10:20,710 --> 00:10:26,890
datos porque es un string pero ya es un punto Parfait va a tomar ese string y convertirlo en objeto

97
00:10:27,310 --> 00:10:28,220
de JavaScript.

98
00:10:29,380 --> 00:10:34,770
Con esto finalizamos este video fue un video bastante largo 10 minutos pero más que nada porque serán

99
00:10:34,780 --> 00:10:38,520
un tema que no podía cortar en distintos videos.

100
00:10:38,520 --> 00:10:44,740
No era un tema que debía darse en un solo video entonces ya tenemos la comunicación entre nuestro archivo

101
00:10:44,740 --> 00:10:50,560
JavaScript y nuestro modelo el siguiente video vamos a comenzar a trabajar con el código del modelo

102
00:10:50,560 --> 00:10:53,790
admin y comenzar a crear nuestros usuarios.