Mautic Pixel

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

Cómo realizar llamadas Ajax desde jQuery

Juan Diego Pérez Jiménez
  • Escrito por Juan Diego Pérez Jiménez el 22 de Marzo de 2020
  • 1 min de lectura | Desarrollo Web
Cómo realizar llamadas Ajax desde jQuery
El reproductor de video será cargado en breves instantes.

Qué es Ajax

Ajax es un conjunto de tecnologías (HTML o XHTML, CSS, JavaScript, DOM, XML y el objeto XMLHttpRequest) que, básicamente, nos permite actualizar ciertas partes de una página web sin tener que recargar toda la página web entera.

En la siguiente imagen comparamos el funcionamiento de Ajax con el modelo tradicional.

Imagen 0 en Cómo realizar llamadas Ajax desde jQuery

En la parte izquierda vemos cómo funciona la web en el modelo tradicional.

Desde un navegador el usuario hace una petición de una página web al servidor, el servidor le devuelve el HTML y el CSS de esa página y, cuando lo recibe, el navegador lo renderiza.

Sin embargo, cuando estamos trabajando con Ajax y hacemos una petición, el “ Ajax engine ” de JavaScript hace esa petición de manera asíncrona, sin tener que recargar la página.

En este caso, el servidor procesa la petición, devuelve XML, JSON o HTML al “Ajax engine” de JavaScript, que es el que se encarga de renderizar en el navegador.

Ajax y jQuery

Para trabajar Ajax con jQuery simplemente hay que hacer esta llamada:

$function(){

        //Estructura general SIMPLIFICADA
        $.ajax(url[,settings]);

});

En esa llamada hay que indicar la URL con la que queremos trabajar y dentro del vector JSON todas las opciones que se quieren utilizar.

Simplemente con eso y con un pequeño conocimiento de jQuery, se pueden realizar llamadas asíncronas, como por ejemplo la que se realiza de forma práctica en el vídeo, y que te permite comprobar la utilidad de las mismas.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 17 cursos:

  • Curso de Polymer
  • Curso de React JS
  • Optimización Web en el Navegador

y 14 cursos más!

Duración: 63 horas y 33 segundos

Diferencias entre JavaScript y jQuery

Diferencias entre JavaScript y jQuery

Desarrollo Web

22 de Marzo de 2020

En ocasiones no se tienen lo suficientemente claras las diferencias que existen entre JavaScript y jQuery, por eso vamos a contarlos de forma sencilla estas diferencias, para que aprendas a diferen...

Curso de jQuery

curso

Curso de jQuery

curso

Con este curso aprenderás:

  • Aprenderás a instalar jQuery.
  • Conocerás las distintas versiones de jQuery.
  • Aprenderás a seleccionar los distintos elementos de tu página de muchas maneras diferentes usando jQuery, sus selectores y sus funciones.

Duración: 5 horas y 24 minutos

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars