JQuery – #13. AJAX

Damos por finalizado este curso de jQuery en el que veremos cómo trabajar con AJAX en esta biblioteca. Si quieres saber qué es AJAX y cómo utilizarlo en Vanilla Javascript (Javascript puro) te recomiendo que eches un ojo al curso de Javascript VI. Mecanismos de comunicación asíncrona.

En primer lugar, veremos la sintaxis de $.ajax(), que a su vez dispone de una serie de parámetros entre los que destacan:

• url: a la que realizamos la petición.
• data: datos a enviar como objeto o cadena.
• success: función de respuesta si la petición ha ido correcta.
• error: función de respuesta si la petición ha fallado.

Además, veremos otros métodos basados en $.ajax() pero que disponen de parámetros ya establecidos por defecto, como son:

• $.get(): solicita datos del servidor utilizando una petición HTTP GET, para lo que necesita una URL y, opcionalmente, una función de callback.
• $.post(): solicita datos del servidor utilizando una petición HTTP POST, que también necesita una URL, y opcionalmente datos y una función de respuesta.

Por último, veremos los siguientes métodos que nos serán muy útiles a la hora de cargar información de manera asíncrona en nuestra página web:

• $.getScript(), que obtiene y ejecuta un script de Javascript utilizando una petición AJAX de itpo HTTP GET.
• $.getJSON(), que obtiene un fichero JSON utilizando una petición AJAX de itpo HTTP GET.
• $.load(), que carga datos de un servidor y los coloca en el elemento seleccionado.

Pero si toda esta información te vuelve un poco loc@, en el vídeo te explico paso a paso cómo ponerla en práctica y su funcionamiento con ejemplos:

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!