Manejo de Ajax en documentos HTML mediante Jquey, bastante sencillo Explicación tipos de conexiones ajax, GET, POST

1. Ronald Nina Layme
Capacitador
ronytic@outlook.com
Ministerio de Transparencia
Institucional y lucha contra la
corrupción
Fb.com/ronaldnina
@ronytic

2. ¿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.

3. Ajax

4. 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

5. ¿Qué se recomienda?
 Lo
que se recomienda utilizar es el
 FRAMEWORK
 Ya
JQUERY
que las conexiones y el manejo
de ajax son mas sencillas con el
framework

6. ¿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.

7. Preparar nuestro documento
HTML

8. Un archivo a cargar

9. Nuestro Script

10. AJAX CON $.GET

11. AJAX con $.POST

12. Problemas comunes con AJAX
 Problemas
con los elementos cargados
asincrónicamente
 Problemas
con evento de elementos
Asincrónicos