AJAX

Una Nueva Forma de Pensar Para el Desarrollo Web

Oscar Emilio Antolínez Collazos

www.oscarantolinez.com

Contenido

Introducción

Hablar de AJAX implica hablar de varios aspectos relacionados con esta tecnica de desarrollo, por eso haremos un recorrido por los antecedentes, tecnologías y conceptos paralelos que han llevado a cambiar la forma de pensar sobre el desarrollo para la web.

Mas alla de cualquier técnica o herramienta utilizada en el desarrollo web, hoy se vive una fascinante transformación de la red de Internet, y no es en su tecnología, la cual en realidad no ha cambiado mucho, el verdadero cambio, consiste en una nueva forma de pensar sobre su impacto en sus usuarios (empresas, navegantes o desarrolladores) quienes han pasado de ser expectadores a creadores de ella.

Evolución de Internet

Cronología Reciente de la Internet

 

La Web 2.0 - El Concepto

 

"La Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet."

 

La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y servicios que reemplacen las aplicaciones de escritorio.

La Web 2.0 - Principios

La Web 2.0 - Mapa meme

 

La Web 2.0 - Tecnologías

La Web 2.0 - Mapa Mental

 

La Web 2.0 - Ejemplos

RIA - Aplicaciones Ricas de Internet

RIA, acrónimo de Rich Internet Applications (Aplicaciones Ricas de Internet). Es un nuevo tipo de aplicación con más ventajas que las tradicionales aplicaciones Web. Esta surge como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales.

Características de las RIAs:

RIAs - Técnicas

Técnicas utilizadas en el desarrollo de RIAs.

 

RIAs - Herramientas

Herraminetas para creacion de RIAs:

AJAX - El Concepto

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript y XML asíncronos), es una técnica de desarrollo web para crear aplicaciones interactivas. Éstas se ejecutan en el cliente, es decir, en el navegador del usuario, y mantiene comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre la misma página sin necesidad de recargarla. Esto significa aumentar la interactividad, velocidad y usabilidad en la misma.

 

AJAX - Componentes

AJAX es una combinación de tecnologías ya existentes:

 

AJAX - El Modelo

 

AJAX - Patron de Comportamiento

 

Quien Esta Usuado AJAX?

En todo el mundo surgen día a día surgen personas o empresas que utilizan AJAX en sus sitios y aplicaciones web, solo para mencionar algunos:

 

AJAX - Ventajas

AJAX - Desventajas

AJAX - Como Funciona - XMLHttpRequest

Creando el objeto AJAX:

function ajax() {
         try {
                 ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch ( e) {
                 try {
                         ajax= new ActiveXObject ("Microsoft.XMLHTTP");
                 } catch (E) {
                          ajax= false;
                }
        }
        if (! ajax && typeof XMLHttpRequest!= 'undefined') {
                 ajax = new XMLHttpRequest();
        }
        return ajax ;
}

function carga_url(){
        miajax = new ajax();
        miajax.open("POST", "", true);
        miajax.onreadystatechange=estados_ajax;
        miajax.send(null);
}

function estados_ajax(){
        if (miobjeto.readyState==4) {
        }
}

AJAX - Como Funciona -Método

 

 

AJAX - Como Funciona - Propiedades