Scribd
Cargar
85 vistas2 páginas

Introducción a AJAX en Programación

AJAX permite actualizar el contenido de una página web sin volver a cargarla mediante el uso de JavaScript para realizar solicitudes asincrónicas al servidor y actualizar dinámicamente el Modelo de Objetos del Documento. AJAX combina tecnologías como HTML, CSS, XMLHttpRequest, JSON y JavaScript para recuperar y manipular datos de forma asíncrona sin recargar la página. Esto mejora la experiencia del usuario al permitir la interacción continua con la página mientras se cargan datos en segundo plano.

Cargado por

Mari121
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
85 vistas2 páginas

Introducción a AJAX en Programación

AJAX permite actualizar el contenido de una página web sin volver a cargarla mediante el uso de JavaScript para realizar solicitudes asincrónicas al servidor y actualizar dinámicamente el Modelo de Objetos del Documento. AJAX combina tecnologías como HTML, CSS, XMLHttpRequest, JSON y JavaScript para recuperar y manipular datos de forma asíncrona sin recargar la página. Esto mejora la experiencia del usuario al permitir la interacción continua con la página mientras se cargan datos en segundo plano.

Cargado por

Mari121
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

AJAX

Grau Marianela Clara


October 14, 2022

1 ¿Qué es AJAX?
AJAX significa JavaScript ası́ncrono y XML, y le permite recuperar contenido del servidor
de fondo de forma ası́ncrona, sin una actualización de página. Por lo tanto, le permite actu-
alizar el contenido de una página web sin volver a cargarla.

AJAX NO es un lenguaje de programación! AJAX es un conjunto de técnicas de desarrollo


web. Generalmente son:

• HTML/XHTML para el lenguaje principal y CSS para la presentación.

• El Modelo de objetos del documento (DOM) para datos de visualización dinámicos


y su interacción.

• Los desarrolladores usan JSON el cual es el formato más utilizado para el intercambio
de datos cuándo se trabaja con AJAX.

• El objeto XMLHttpRequest para la comunicación ası́ncrona.

• Finalmente, el lenguaje de programación JavaScript para unir todas estas tecnologı́as.

AJAX es una tecnologı́a que todo desarrollador deberı́a conocer y entender para poder llegar
a hacer aplicaciones web modernas. Frameworks como Angular, Vue.js o bibliotecas como
React se basan en en la idea que originalmente propuso AJAX.

2 ¿Cómo funciona AJAX?


Para entender el funcionamiento de AJAX, en primer lugar hay que entender el funcionamiento
de la asincronı́a.

La asincronı́a permite que las aplicaciones la comunicación de las aplicaciones con el servidor
se lleven a cabo de manera paralela con el flujo principal de la información. Esto quiere decir
que los datos que se solicitan del servidor cargan en segundo plano, lo que permite que no
interfieran con la página que visualizan los usuarios.

1
Para poder hacer esto es imprescindible que la aplicación emplee una API XMLHttpRe-
quest. Esta interfaz se utiliza para llevar a cabo actualizaciones ası́ncronas en las páginas
webs que la implementan. En otras palabras, es la tecnologı́a que permite que la comuni-
cación con el servidor no interfiera con la visualización de la página.

Aún ası́, para poder funcionar correctamente, es imprescindible que la aplicación en cuestión
tenga implementada una interfaz DOM. Este modelo permite el acceso dinámico a la infor-
mación, que permite modificar contenido de manera dinámica.

Implementando estas dos tecnologı́as en una aplicación desarrollada mediante XHTML (o


HTML) y CSS y donde la transferencia de datos con el servidor se lleva a cabo mediante
archivos con formato XML o JSON se consigue un página web que funcione con tecnologı́a
AJAX.

Dejo este video corto de 3 minutos para saber más acerca de cómo funciona AJAX.

3 Algunas ventajas y desventajas del uso de AJAX


Ventajas:

• Mejora la experiencia del usuario.

• La transferencia de datos con el servidor es en segundo plano. Esto permite al usuario


seguir interaccionando con la página web.

• El proceso de mostrar los datos en HTML consumirı́a bastante ancho de banda, ya que
todo el HTML deberı́a volver a ser cargado para sólo mostrar los cambios efectuados.
En cambio, con el uso de AJAX el uso de ancho de banda disminuye bastante.

Desventajas:

• Utilizar AJAX preferentemente en formularios de contacto, validación de correo electrónico


y contraseñas para no afectar el posicionamiento web (SEO).

• No podemos pasar la url concreta de donde estamos.

• Debemos avisar (visualmente) al usuario que recargamos alguna parte de la página.


Colocar alertas visuales en un lugar privilegiado.

También podría gustarte