En el video anterior vimos cómo crear nuestra primera llamada con Ayax estamos imprimiendo el contenido
de texto prueba txt.
Sin embargo en el ejemplo que vamos a estar elaborando para aprender mejor estaremos utilizando un servidor
PHP y va a ser importante también entender cómo podemos comunicar entre JavaScript y PHP para obtener
una respuesta correcta aquí lo que va a hacer es duplicar este archivo botón derecho y dúplica etc.
y vamos a ponerle este 06 va a ser casi todo igual.
Vamos a remover nada más algunas cosas.
Por ejemplo estos dos todo esto que tenemos aquí es casi igual en todos los que todos los trabajos que
tengas sin embargo recuerda que cuando un formulario tienes que agregar algo más y de momento no te
preocupes por nada de eso vamos a cambiar aquí el archivo al que vamos a llamar por servidor punto PHP.
Este archivo no existe así que vamos a dar botón derecho Nofal servidor punto PHP y servidor a PHP.
Vamos a hacer lo siguiente Vamos a abrir una llave de PHP un bloque y dentro voy a crear una variable
tecnología suponiendo que lo vamos a crear un arreglo iba a ser una regla asociativa vamos a por aquí
fragment 5 CS3 JavaScript lo creamos una coma aquí backend y PHP Mexique de Apache y no quería fúbol
Stack como los que debes saber cada uno de ellos.
Copiar todo esto y dentro ponemos todo esto.
Puedes ver que tenemos un arreglo asociativo con tres llaves y tres valores vamos a ver cómo imprimir
cada una de estas en nuestra respuesta en lugar de imprimir lo que viene siendo este texto prueba.
Ahora vamos a imprimir estas variables del arreglo utilizando Ayax vamos a abrir nuestro cero seis punto.
JS también lo va a cambiar aquí en el Index y aquí dentro vamos a colocar lo siguiente.
Es importante también saber que cuando trabajas con servidor o con archivos de un servidor puedes hacerlo
de muchas formas sin embargo para mi mi favorita es convirtiendo esto a Yeison así que la forma fácil
con PHP es utilizar hehco Jayson en Cloud probamos tecnologías.
Gracias a esta función de Jayson Encode este arreglo se va a convertir en un Jayson perfectamente válido.
Así que no tenemos que hacer nada más.
No tienes que construirlo esa función va a ser todo el trabajo por ti y aquí vamos a hacer lo siguiente
poner una variable que se llame Jayson igualas Jayson este es una esto existe en JavaScript una clase
y utilizamos el método Parse H.R que es la respuesta que estamos recibiendo y le ponemos Response Text
es decir la respuesta del servidor del Jayson este Jayson en se está asignando responde text.
Sin embargo no estamos poniendo la variable Jayson sequero le pongo Consol log Jayson y guardo cambio
si recargo le doy un Speck para abrir la consola.
Click aquí.
Vemos que aquí aparece un Object y aquí dice backend frontenis full stack está pasando toda la información
de lo que viene siendo este Jayson y gracias a este ya hizo un punto pars lo convierte de Jayson a un
objeto de JavaScript sin embargo quiero imprimiera esto a quien texto anterior puedo poner aquí lo siguiente
Bahr contenido igual a a document to get Element Bayardi y pasarle el contenido.
Finalmente poner contenido junto Viner HTML que sea igual a Jayson y podemos acceder a cada una de estas
llaves por ejemplo backend y guardamos cambio si recargamos click aquí y vemos que desde PHP el de Apache
Bakken tiene esto PHP México.-El y Apache si yo quiero poner por ejemplo frontend papparazzi frontend
guardo cambio si recargo clic HTML5 CSS3 y JavaScript.
Y finalmente full stack los cambios Krieg y aparecen todos.
De esta forma es mi recomendación y es como lo estaremos haciendo tener nuestros archivos php y convertir
con Jayson en Cott a un Jayson perfectamente válido y después utilizar Jayson parts asignarlo a la variable
de la respuesta utilizando liaison Parsons a convertir ese objeto de JavaScript que podemos fácilmente
manipular con JavaScript como hemos hecho aquí y después asignar la respuesta a todo esto a nuestro
Dib e imprimir los contenidos utilizando INER HTML así que puedes ver lo sencillo que es la verdad trabajarcon
con Ayax y a partir del siguiente video nos vamos a mover a nuestro proyecto de Ayax que va a ser la
agenda que utilizamos para aprender PHP Maisí cual cuando empezamos la parte de esas tecnologías es
el momento.
En algunos videos otras y vamos a ahora agregarle funcionalidad de Ayax así que continuamos en el siguiente
video.