JQuery - Ajax
Camilo Andres Lemos Cuellar
ADSI 1964898
Qué es JQuery?
JQuery es una librería de JavaScript (JavaScript es un lenguaje de programación muy
usado en desarrollo web). Esta librería de código abierto, simplifica la tarea de
programar en JavaScript y permite agregar interactividad a un sitio web sin tener
conocimientos del lenguaje.
Qué es ajax?
AJAX significa JavaScript asíncrono y XML, y le permite recuperar contenido del servidor de fondo de
forma asíncrona, sin una actualización de página. Por lo tanto, le permite actualizar el contenido de una
página web sin volver a cargarla
El enfoque habitual sería construir diferentes páginas web para cada sección. Así, por ejemplo, los
usuarios harían clic en el enlace de información social para volver a cargar el navegador y mostrar una
página con la información social. Sin embargo, esto hace que sea más lento navegar entre secciones, ya
que el usuario tiene que esperar a que el navegador se vuelva a cargar y la página se vuelva a mostrar
cada vez.
Por otro lado, también puede usar AJAX para crear una interfaz que cargue toda la información sin
actualizar la página. En este caso, puede mostrar diferentes pestañas para todas las secciones, y al
hacer clic en la pestaña, obtiene el contenido correspondiente del servidor de servicios de fondo y
actualiza la página sin actualizar el navegador. Esto le ayuda a mejorar la experiencia general del usuario
final.
La llamada general AJAX funciona
de esta manera:
Vayamos rápidamente a través del
flujo habitual de AJAX:
1. Primero, el usuario abre una página web como de costumbre con una solicitud síncrona.
2. A continuación, el usuario hace clic en un elemento DOM, generalmente un botón o enlace, que inicia
una solicitud asíncrona al servidor de servicios de fondo. El usuario final no notará esto ya que la
llamada se realiza de forma asíncrona y no actualiza el navegador. Sin embargo, puede detectar
estas llamadas AJAX utilizando una herramienta como Firebug.
3. En respuesta a la solicitud de AJAX, el servidor puede devolver datos de cadena XML, JSON o
HTML.
4. Los datos de respuesta se analizan utilizando JavaScript.
5. Finalmente, los datos analizados se actualizan en el DOM de la página web.
Como puede ver, la página web se actualiza con datos en tiempo real del servidor sin necesidad de
recargar el navegador
Cómo Funciona AJAX Usando la
Biblioteca jQuery
El primer parámetro del método ajax es la URL que se llamará en segundo plano para
recuperar el contenido del lado del servidor. El segundo parámetro está en formato
JSON y le permite especificar valores para algunas opciones diferentes compatibles
con el método ajax.
En la mayoría de los casos, deberá especificar las devoluciones de llamada de éxito y
error. La devolución de llamada exitosa se realizará después de la finalización exitosa
de la llamada AJAX. La respuesta devuelta por el servidor se transferirá a la
devolución de llamada correcta. Por otro lado, la devolución de llamada de error se
llamará si algo sale mal y hubo un problema al realizar la llamada AJAX.
Como puede ver, es fácil realizar operaciones AJAX utilizando la biblioteca jQuery.
De hecho, el proceso es más o menos el mismo, independientemente de la biblioteca
de JavaScript con la que elija realizar llamadas AJAX.
