manual ajax con jquery
DESCRIPTION
Manejo de Ajax en documentos HTML mediante Jquey, bastante sencillo Explicación tipos de conexiones ajax, GET, POSTTRANSCRIPT
![Page 1: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/1.jpg)
Ronald Nina Layme
Capacitador
Fb.com/ronaldnina
@ronytic
Ministerio de Transparencia
Institucional y lucha contra la
corrupción
![Page 2: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/2.jpg)
¿Qué es Ajax?
Es una técnica de envió y recepción de
datos a través de Javascript.
Las conexiones Ajax se lo realiza de manera
asincrónica.
No se necesitan sobre carga de todo el
navegador para su ejecución.
![Page 3: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/3.jpg)
Ajax
![Page 4: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/4.jpg)
Ajax
Si lo queremos implementar AJAX
puramente con JavaScript directamente
en el navegador.
Es muy complicado ya que tendríamos que
revisar tipos de conexión para cada
navegador que quisiéramos implementar
![Page 5: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/5.jpg)
¿Qué se recomienda?
Lo que se recomienda utilizar es el
FRAMEWORK JQUERY
Ya que las conexiones y el manejo
de ajax son mas sencillas con el
framework
![Page 6: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/6.jpg)
¿Qué necesitamos?
Tener nuestro documento HTML
Tener enlazado nuestro FrameWork Jquery
Tener nuestro script,
Tener un archivo PHP o HTML que se quiera
cargar asincronicamente.
![Page 7: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/7.jpg)
Preparar nuestro documento
HTML
![Page 8: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/8.jpg)
Un archivo a cargar
![Page 9: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/9.jpg)
Nuestro Script
![Page 10: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/10.jpg)
AJAX CON $.GET
![Page 11: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/11.jpg)
AJAX con $.POST
![Page 12: Manual Ajax con jquery](https://reader038.vdocuments.site/reader038/viewer/2022100517/557ae572d8b42a8f648b556a/html5/thumbnails/12.jpg)
Problemas comunes con AJAX
Problemas con los elementos cargados
asincrónicamente
Problemas con evento de elementos
Asincrónicos