1 00:00:00,990 --> 00:00:08,310 En el video anterior vimos cómo crear nuestra primera llamada con Ayax estamos imprimiendo el contenido 2 00:00:08,310 --> 00:00:10,400 de texto prueba txt. 3 00:00:11,100 --> 00:00:19,140 Sin embargo en el ejemplo que vamos a estar elaborando para aprender mejor estaremos utilizando un servidor 4 00:00:19,140 --> 00:00:29,320 PHP y va a ser importante también entender cómo podemos comunicar entre JavaScript y PHP para obtener 5 00:00:29,320 --> 00:00:36,280 una respuesta correcta aquí lo que va a hacer es duplicar este archivo botón derecho y dúplica etc. 6 00:00:37,330 --> 00:00:42,180 y vamos a ponerle este 06 va a ser casi todo igual. 7 00:00:42,190 --> 00:00:45,670 Vamos a remover nada más algunas cosas. 8 00:00:45,670 --> 00:00:54,930 Por ejemplo estos dos todo esto que tenemos aquí es casi igual en todos los que todos los trabajos que 9 00:00:54,930 --> 00:01:01,020 tengas sin embargo recuerda que cuando un formulario tienes que agregar algo más y de momento no te 10 00:01:01,020 --> 00:01:08,830 preocupes por nada de eso vamos a cambiar aquí el archivo al que vamos a llamar por servidor punto PHP. 11 00:01:08,830 --> 00:01:17,170 Este archivo no existe así que vamos a dar botón derecho Nofal servidor punto PHP y servidor a PHP. 12 00:01:17,170 --> 00:01:25,360 Vamos a hacer lo siguiente Vamos a abrir una llave de PHP un bloque y dentro voy a crear una variable 13 00:01:26,080 --> 00:01:32,290 tecnología suponiendo que lo vamos a crear un arreglo iba a ser una regla asociativa vamos a por aquí 14 00:01:32,300 --> 00:01:47,090 fragment 5 CS3 JavaScript lo creamos una coma aquí backend y PHP Mexique de Apache y no quería fúbol 15 00:01:47,160 --> 00:01:51,620 Stack como los que debes saber cada uno de ellos. 16 00:01:51,740 --> 00:01:55,390 Copiar todo esto y dentro ponemos todo esto. 17 00:01:57,230 --> 00:02:07,440 Puedes ver que tenemos un arreglo asociativo con tres llaves y tres valores vamos a ver cómo imprimir 18 00:02:07,740 --> 00:02:15,160 cada una de estas en nuestra respuesta en lugar de imprimir lo que viene siendo este texto prueba. 19 00:02:15,180 --> 00:02:25,490 Ahora vamos a imprimir estas variables del arreglo utilizando Ayax vamos a abrir nuestro cero seis punto. 20 00:02:25,530 --> 00:02:31,510 JS también lo va a cambiar aquí en el Index y aquí dentro vamos a colocar lo siguiente. 21 00:02:33,370 --> 00:02:40,480 Es importante también saber que cuando trabajas con servidor o con archivos de un servidor puedes hacerlo 22 00:02:40,480 --> 00:02:49,830 de muchas formas sin embargo para mi mi favorita es convirtiendo esto a Yeison así que la forma fácil 23 00:02:50,910 --> 00:02:59,050 con PHP es utilizar hehco Jayson en Cloud probamos tecnologías. 24 00:02:59,230 --> 00:03:07,040 Gracias a esta función de Jayson Encode este arreglo se va a convertir en un Jayson perfectamente válido. 25 00:03:07,270 --> 00:03:08,950 Así que no tenemos que hacer nada más. 26 00:03:08,950 --> 00:03:15,300 No tienes que construirlo esa función va a ser todo el trabajo por ti y aquí vamos a hacer lo siguiente 27 00:03:15,450 --> 00:03:24,900 poner una variable que se llame Jayson igualas Jayson este es una esto existe en JavaScript una clase 28 00:03:25,160 --> 00:03:33,460 y utilizamos el método Parse H.R que es la respuesta que estamos recibiendo y le ponemos Response Text 29 00:03:35,530 --> 00:03:42,620 es decir la respuesta del servidor del Jayson este Jayson en se está asignando responde text. 30 00:03:42,640 --> 00:03:49,990 Sin embargo no estamos poniendo la variable Jayson sequero le pongo Consol log Jayson y guardo cambio 31 00:03:49,990 --> 00:03:54,240 si recargo le doy un Speck para abrir la consola. 32 00:03:54,370 --> 00:03:55,110 Click aquí. 33 00:04:00,650 --> 00:04:07,700 Vemos que aquí aparece un Object y aquí dice backend frontenis full stack está pasando toda la información 34 00:04:08,450 --> 00:04:16,310 de lo que viene siendo este Jayson y gracias a este ya hizo un punto pars lo convierte de Jayson a un 35 00:04:16,310 --> 00:04:23,230 objeto de JavaScript sin embargo quiero imprimiera esto a quien texto anterior puedo poner aquí lo siguiente 36 00:04:23,260 --> 00:04:33,240 Bahr contenido igual a a document to get Element Bayardi y pasarle el contenido. 37 00:04:33,500 --> 00:04:43,070 Finalmente poner contenido junto Viner HTML que sea igual a Jayson y podemos acceder a cada una de estas 38 00:04:43,070 --> 00:04:53,130 llaves por ejemplo backend y guardamos cambio si recargamos click aquí y vemos que desde PHP el de Apache 39 00:04:53,490 --> 00:05:01,470 Bakken tiene esto PHP México.-El y Apache si yo quiero poner por ejemplo frontend papparazzi frontend 40 00:05:02,320 --> 00:05:09,030 guardo cambio si recargo clic HTML5 CSS3 y JavaScript. 41 00:05:09,060 --> 00:05:15,570 Y finalmente full stack los cambios Krieg y aparecen todos. 42 00:05:15,760 --> 00:05:23,890 De esta forma es mi recomendación y es como lo estaremos haciendo tener nuestros archivos php y convertir 43 00:05:23,980 --> 00:05:33,480 con Jayson en Cott a un Jayson perfectamente válido y después utilizar Jayson parts asignarlo a la variable 44 00:05:33,480 --> 00:05:41,590 de la respuesta utilizando liaison Parsons a convertir ese objeto de JavaScript que podemos fácilmente 45 00:05:41,590 --> 00:05:49,630 manipular con JavaScript como hemos hecho aquí y después asignar la respuesta a todo esto a nuestro 46 00:05:49,630 --> 00:05:58,100 Dib e imprimir los contenidos utilizando INER HTML así que puedes ver lo sencillo que es la verdad trabajarcon 47 00:05:58,800 --> 00:06:06,500 con Ayax y a partir del siguiente video nos vamos a mover a nuestro proyecto de Ayax que va a ser la 48 00:06:06,500 --> 00:06:17,750 agenda que utilizamos para aprender PHP Maisí cual cuando empezamos la parte de esas tecnologías es 49 00:06:17,750 --> 00:06:18,480 el momento. 50 00:06:18,490 --> 00:06:26,430 En algunos videos otras y vamos a ahora agregarle funcionalidad de Ayax así que continuamos en el siguiente 51 00:06:26,450 --> 00:06:26,760 video.