JQuery – #13. AJAX

Unidad
Materiales

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!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!