Manual Ajax con jquery

12

Click here to load reader

description

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

Transcript of Manual Ajax con jquery

Page 1: Manual Ajax con jquery

Ronald Nina Layme

Capacitador

[email protected]

Fb.com/ronaldnina

@ronytic

Ministerio de Transparencia

Institucional y lucha contra la

corrupción

Page 2: Manual Ajax con jquery

¿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

Ajax

Page 4: Manual Ajax con jquery

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

¿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

¿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

Preparar nuestro documento

HTML

Page 8: Manual Ajax con jquery

Un archivo a cargar

Page 9: Manual Ajax con jquery

Nuestro Script

Page 10: Manual Ajax con jquery

AJAX CON $.GET

Page 11: Manual Ajax con jquery

AJAX con $.POST

Page 12: Manual Ajax con jquery

Problemas comunes con AJAX

Problemas con los elementos cargados

asincrónicamente

Problemas con evento de elementos

Asincrónicos