Ajax es un acrónimo de «JavaScript y XML asíncronos». La tecnología hace posible cargar partes individuales de una página web de forma asincrónica, de modo que se vuelva dinámica. El contenido mostrado se puede manipular específicamente sin recargar toda la página.
Los sitios web modernos a menudo son interactivos y deben poder reaccionar dinámicamente a la entrada del usuario. Al crear una cuenta de usuario, por ejemplo, se podría realizar una verificación para determinar si un apodo todavía está disponible antes de enviar el formulario.
Te puede interesar leer: ¿Qué es UML? Definición
Tales escenarios solo son posibles si ciertas partes del sitio web se pueden manipular de forma asincrónica, es decir, independientemente del momento en que se carga la página real. Ajax es un procedimiento con el que precisamente se puede lograr esta transferencia de datos asincrónica entre cliente y servidor.
Contenido dinámico con Ajax
Probablemente la mayor ventaja de la tecnología es que los sitios web ya no tienen que recargarse por completo para reaccionar a la entrada del usuario. El contenido estático se conserva, mientras que la información cambiante se puede complementar en el DOM según la situación. En el ejemplo con la creación de una cuenta de usuario, se debe enviar una solicitud de algún tipo al servidor para que pueda verificar si el nombre ya existe.
Sin elementos asincrónicos, el formulario debería enviarse y la página volver a cargar. Ajax permite enviar una solicitud a través de JavaScript en cualquier momento. El resultado luego decide si un mensaje debe agregarse al DOM o no.
En la superficie, por ejemplo, el usuario ve un mensaje de error debajo del campo «Nombre de usuario» tan pronto como abandona el campo de texto. También es posible rellenar dinámicamente elementos como listas desplegables, por ejemplo, para ofrecer solo opciones que coincidan con las opciones seleccionadas previamente.
En lugar de llevar al usuario a una nueva página para cada pequeño paso o cargar la página actual con nuevos parámetros, se agrega o cambia una pequeña parte de la página. Esto ahorra tiempo, reduce el tráfico e idealmente ofrece al usuario un resultado más fluido y comprensible.
Ajax y JavaScript
JavaScript se utiliza para que partes de un sitio web puedan manipularse dinámicamente. JavaScript se ejecuta en el cliente dentro del navegador y, por lo tanto, funciona después de que la página ya se haya cargado. Por lo tanto, puede enviar una solicitud al servidor en cualquier momento según sea necesario para posteriormente solicitar cierta información y luego agregarla al sitio web.
La alternativa sería abrir el sitio web desde el servidor desde cero con la información modificada. Muchos desarrolladores usan marcos como jQuery, que fueron especialmente desarrollados para una manipulación DOM cómoda e independiente del navegador a través de JavaScript en la web. En particular, el marco facilita el acceso a elementos DOM y, en comparación con JavaScript, ofrece una expresión corta y concisa.