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

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 16 cursos:

  • Curso de Polymer
  • Optimización Web en el Navegador
  • Curso Online de PostCSS para Frontends

y 13 cursos más!

Duración: 58 horas y 42 minutos

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

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad