AJAX es una tecnologia web que permite hacer páginas web dinámicas al estilo de Facebook o Google Maps. Aquí teneos una breve explicación de como funciona.
2. QUE ES AJAX Y PARA QUE SIRVE…
ACCESO WEB CLÁSICO
3. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB CLÁSICO
1. PULSO BOTÓN Y
EL NAVEGADOR PIDE DATOS
AL SRV WEB.
2. EL SRV PROPORCIONA
LOS DATOS Y LA WEB
RECARGA.
5. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO
1. PULSO BOTÓN
2. AJAX SOLICITA LOS DATOS
AL SERVIDOR
3. EL SERVIDOR ENVIA LOS DATOS
A AJAX
4. AJAX SOLO CAMBIA
LA VENTANA
6. QUE ES AJAX Y PARA QUE SIRVE… ACCESO WEB DINÁMICO CON SRV DE BB.DD
1. PULSO BOTÓN
2. AJAX SOLICITA LOS DATOS
AL SERVIDOR
3. EL SERVIDOR SOLICITA LOS DATOS
AL SERVIDOR DE BB.DD
4. LA BB.DD ENCASULA LA RESPUESTA
EN JSON
5. EL SERVIDOR PROPORCIONA
EL PAQUETE JSON A AJAX
6. AJAX INTERPRETA EL JSON Y
EXTRUCTURA LOS DATOS EN LA
VENTANA
7. QUE ES AJAX Y PARA QUE SIRVE… TECNOLOGIAS DE APP WEB
¿PREGUNTAS?
Notas del editor
AJAX es una tecnología de desarrollo web utilizada para crear de una manera mas facil aplicaciones web.
Es un acrónimo que significa: Asynchronous JavaScript And XML (JavaScript asíncrono y XML)
Entronca con las tecnologías de Servidores de aplicaciones. Punto 4.1.2 de los apuntes de Administración de redes y sistemas operativos PID_0019180).
Que sucede cuando accedemos a una página web de forma clásica.
Tras internet esta el servidor web (puede ser Apache, IIS, etc.).
Localmente tenemos nuestro navegador web.
Normalmente hacemos una petición a una URL (dirección web) que apunta al servidor. El servidor responde la URL con el contenido y el navegador interpreta el mensaje presentado gráficamente los datos recibidos (Texto, Link, Imagenes, etc).
Cuando pulsamos un botón, el navegador reinicia el proceso y carga toda la página web de nuevo.
Pero: ¿ Cómo funciona en otros casos?. Por ejemplo, cuando estamos en Facebook y recibimos las notificaciones al instante o navegamos por Google maps sin recargar la página.
Estas aplicaciones funcionan con AJAX.
AJAX esta ubicado en el navegador.
Situemos una ventana dentro de la página web con una funcionalidad (Ejemplo: Tweets).
Cuando pulsamos el botón de tweets nuevos, AJAX comienza a funcionar.
AJAX es acrónimo de Asynchronous JavaScript And XML.
Al pulsar el botón el navegador utiliza AJAX, mediante el lenguaje Javascript, para informar al servidor de aplicación que mande datos nuevos.
El servidor envía los datos requeridos a AJAX y este solo cambia la ventana con los nuevos Tweets.
EL CONCEPTO ASÍNCRONO EN AJAX SIGNIFICA QUE NO HAY QUE RECARGAR LA PÁGINA.
EL CONCEPTO XML ES UNA FORMA DE ENCAPSULAR LOS DATOS.
XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para almacenar datos en forma legible e intercambio de datos.
En la actualidad se utiliza un lenguaje de etiquetado mas simple llamado, JSON, acrónimo de JavaScript Object Notation.
Luego, ¿como es la tecnología AJAX con servidor de base de datos?-de la manera mas sencilla posible-
Tenemos un Srv web, una BB.DD en un servidor y una web con estructuras dinámicas.
Las estructuras –frames, ventanas, etc- se actualizan a través de AJAX mediante el lenguaje de programación JAVASCRIPT.
Cuando pulsamos el botón de Tweets, AJAX solicita al Srv web los datos
El Srv web solicita los datos al la BB.DD mediante un proceso de Backend.
La BB.DD mediante un lenguaje de programación encapsula los datos en JSON y se los proporciona al Srv web.
El Srv web proporciona el JSON a AJAX.
AJAX interpreta el JSON, lo desencapsula e introduce los datos en la estructura web sin necesidad de recargar la página.