Manual Ajax con jquery

Post on 12-Jun-2015

181 views 2 download

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

Ronald Nina Layme

Capacitador

ronytic@outlook.com

Fb.com/ronaldnina

@ronytic

Ministerio de Transparencia

Institucional y lucha contra la

corrupción

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

Ajax

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

¿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

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

Preparar nuestro documento

HTML

Un archivo a cargar

Nuestro Script

AJAX CON $.GET

AJAX con $.POST

Problemas comunes con AJAX

Problemas con los elementos cargados

asincrónicamente

Problemas con evento de elementos

Asincrónicos