En este video vamos a comenzar a utilizar Ayax Ayax nos va a permitir leer los datos que están aquí
en el archivo de JavaScript lo que es el usuario el password etc. y van a permitir comunicar eso con
los archivos de PHP algo que por sí solo no es posible ya que JavaScript por sí solo no puede almacenar
en la base de datos salvo que usemos otra tecnología como JS Entonces quién es dónde vamos a hacer toda
la parte del llamado Ayax.
Qué va a suponer algunos comentarios.
Ambos campos tienen algo son correctos mandar quitar Ayax y exponemos ponemos la validación fallo
hay algo muy importante es que aquí estoy seleccionando usuario y password pero si inspeccionamos un
poco el código a quien el enviar hay otro agiten que se llama tipo este dice crear.
Si vemos el otro el de login este tipo de dato es login entonces tenemos login y crear son distintos.
Así que voy a poner una coma y ponemos tipo igual a Tocumen y vamos a ponerlo igual copiar todo esto
pero no escribirlo nada más asegurate poner punto y coma al final X tipo de tipo pues ya tenemos los
tres datos si a poner Ayax lo primero que vamos a hacer es consultar la base de datos mandar llamar
con Ayax y vamos a tener algo que Samael frontera fueron de Irán sobre archivar datos formulario iguala
vamos a programas como datos para poderlos reutilizar más adelante.
New form Daira qué es el uso de Founder a dónde ir.
Puede ser que tenga por la parte de foram que creamos que nada más lo podemos utilizar en formularios
en realidad no puede ser utilizado en cualquier parte.
Esto nos va a permitir estructurar nuestro nuestro llamado Ayax darle una llave y un valor y enviar
esos datos con Ayax lo hacen mucho más fácil from Daira que buscan datos.
Cómo le agregamos los datos no datos Append y nuestra llave se llama el usuario y el valor la llave
siempre va a ser usuario pero el valor de usuario va a depender de lo que tenga el input entonces aquí
lo ponemos como usuario punto y coma.
Vamos a crear dos copias más porque vamos a enviar también a la consulta de la base de datos password
y también vamos a enviar el tipo en este caso lo voy a llamar como acción se quiere hacer password que
iba a ser el tipo y eso va a estructurar correctamente nuestro fundiera.
Si no soy Consol los datos guardó cambios abrimos la consola y agrego algo en ambos iniciar sesión qué
dice document con doblete en la línea 14.
Aquí hay un error de mi parte algo que tiene JavaScript es que si te equivocas deja de ejecutarse entonces
decide iniciar sesión y vemos que se fueron Daira para acceder a los datos necesitas escribir otro tipo
de sintaxis pero has creado el Founder correctamente.
Si te gustaría por ejemplo leer el usuario que está en el fondo era quien además de poner xiquet entre
paréntesis comillas sencillas usuario por ejemplo aquí voy a ponerle Zaca del usuario O'Conner Pablo
nombre y vascón a quien la Consol con sólo crear cuenta que tiene que estar en ambos crear cuenta que
se quiere pues usuarios es usuario entonces recargamos Pablo y lo que sea aquí crear cuenta que dice
Pablo entonces Append nos sirve para agregar datos al fondo y yeta y la llave para ver los datos ahora
esto va a crear el fondo era eso va a crear los datos que se van a enviar al servidor entonces datos
que se envían al servidor si quieres enviar más formularios mucho más grandes pues aquí vas agregando
más y más con el Append vamos a crear el llamado Ayax.
Hay distintas formas de crear un llamado Ayax las dos más comunes son Locket y también las que vimos
anteriormente que fue honraría change.
Si recuerdas hay cuatro pasos cuando tienes un llamado Ayax.
El primero es la creación de la conexión crear el llamado Ayax suponerles Var y quizá Cherres normalmente
como se va a llamar porque utilizamos XML XML HTTP HTTP en minúsculas Nachi mayúsculas minúsculas recuesto
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
los datos por medio de post a donde los vamos a enviar.
Es el segundo parámetro a incluís y en ese modelo todavía no creamos esa carpeta modelo ya admin punto
PHP y otro para hacer que sea un llamado asíncrono y NCA vamos a tener que crear esta carpeta y ese
archivo entonces Nioh folder modelos más adelante estará explicando por qué modelos y qué modelo habrá
en el mundo PHP.
Continuamos en el formulario esto ya abre la conexión le dice a qué parte a qué archivo debe de enviar
lo que está en el fondo era lo que nuestro usuario ha escrito en el formulario aquí lo va a enviar.
Tercer paso que es HR-V LOTTT Seki Cherro Louzao aquí sería
el retorno de datos Acheron.
Esto va a ser igual a una función y en esta función en este función vamos a comprobar disputo estatus
que el estatus sea 200.
Eso quiere decir que el llamado fue exitoso y esto usualmente nos va a retornar una respuesta que podemos
poner como Consol punto Loba y quizá H.R punto responsa text que es una respuesta que viene desde el
servidor.
En este caso va a ser desde el código que escribamos en el modelo admin momento estaba así lo estaremos
escribiendo en un momento.
Finalmente es muy común que uno llaman de la petición aquí pero hay que enviar la petición usualmente
es con X Aché repuntó zen y aquí se manda al fondea datos todo lo que está en el foro donde era usuario
password tipo si tienes archivos y tienes todo aquí todo eso se va a enviar como parte del Founder ahora
aquí estamos recibiendo una respuesta.
Si habrá un modelo admin no PHP y pongo algo así como Dai Jayson cosa y vamos a hacerlo más simple todavía.
Voy a crear un arreglo arreglo igual a Ray y aquí voy a poner respuesta.
Desde modelo expongo esto así entonces doy Jayson en cloud.
Ella hizo una incubándose a permitir convertir un arreglo a Jayson Jayson es un formato intermedio entre
JavaScript y PHP en el que se comunican bastante bien ambos.
Eso nos va a permitir le dice que es un formato de transporte.
Entonces Jayson nos va a permitir enviar datos del formulario a PHP y PHP al formulario y trabajar con
ellos.
Entonces aquí ponemos arreglo.
Entonces esto que estamos aquí dándole da como Neco con Jayson en cada arreglo va a ser lo que es la
respuesta.
X hacheros responsa text entonces recargamos aquí tenemos lo que sea va a poner un y uno y crear cuenta
y respuesta desde modelo entonces 6m x Acher Response TEDx es lo que estemos enviando.
Como dato que se imprime lo que está imprimiendo quien dice en el modelo guionada admin.
Incluso puedes eliminar este arreglo y por ejemplo darle Jayson Encode al post y ver qué datos comprobar
que los datos se están enviando correctamente del archivo JavaScript hacia el PHP.
Es una forma de hacerlo esta es la forma recomendada de asegurarte que tus datos del fondo están siendo
recibidos en tus archivos php.
1 1 Crear cuenta que se imprime correctamente.
Ahora esta sintaxis se borrará.
Esto es esto en realidad es Jayson pero puedes ver qué es un estigma no tiene nada a quién el formulario
como dije ya hizo es un formato de transporte que nos permite comunicar entre JavaScript y PHP eso es
lo que hace pero también al ser éste por ejemplo un arreglo puedo convertirlo de Yeison a un objeto
en JavaScript.
Al final como siempre digo el corazón de PHP son los arreglos del corazón de JavaScript son los objetos
equipados con el Villayón punto pars esta función lo que va a hacer es tomar este string y convertirlo
objeto.
Entonces recargamos 1 1 Crear y vemos que ahora sí ya pudo dar clic aquí y tengo acción crear password
y el usuario y de esta forma puedo acceder a lo que vienen siendo cada uno de estos datos.
A diferencia de que si nada más tuviera X H.R punto respondiste de esa forma no puedo acceder a los
datos porque es un string pero ya es un punto Parfait va a tomar ese string y convertirlo en objeto
de JavaScript.
Con esto finalizamos este video fue un video bastante largo 10 minutos pero más que nada porque serán
un tema que no podía cortar en distintos videos.
No era un tema que debía darse en un solo video entonces ya tenemos la comunicación entre nuestro archivo
JavaScript y nuestro modelo el siguiente video vamos a comenzar a trabajar con el código del modelo
admin y comenzar a crear nuestros usuarios.