Pedir Texto al Servidor con el Método GET

Esta es la forma más básica de usar Ajax para pedir texto al servidor usando el método GET.

Ya que Ajax es relativamente nuevo, este script servirá a los que tengan su primer acercamiento al lenguaje.

// Código "nativo". Establece la forma en que se comunica // al servidor mediante el objeto XMLHttpRequest var XMLHttpRequestObject = false if ( window.XMLHttpRequest ) // Nuevo Estandar XMLHttpRequestObject = new XMLHttpRequest() else if ( window.ActiveXObject ) // Viejo (IE) XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP") // La función que debemos llamar cuando queremos pedir // contenido al servidor, donde "dataSource" es un archivo // de texto y "divID" es en este caso la ID de una etiqueta // DIV donde mostraremos el texto que nos regresa el servidor function getData(dataSource, divID) { if( XMLHttpRequestObject ) { var obj = document.getElementById(divID) // Aquí es donde se hace la petición usando el método GET XMLHttpRequestObject.open("GET", dataSource) // Definimos un manejador del evento para cuando el contenido // que hemos pedido este disponible XMLHttpRequestObject.onreadystatechange = function() { // Es necesario checar ambas condiciones, // asegurando la disponibilidad del contenido if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { // Aquí escribimos lo que deseamos hacer cuando // el contenido está disponible, en este caso // solo asignamos el contenido al DIV obj.innerHTML = XMLHttpRequestObject.responseText } } // Se especifica si se envían datos adicionales, // en este caso no se envía nada, sólo con POST XMLHttpRequestObject.send(null) } }

Recuerden que es código en JavaScript y que la variable "dataSource" puede contener una URL relativa o absoluta del archivo de texto que deseamos pedir al servidor.

Como estamos usando el método GET, también podemos "enviar" datos al servidor como si de un formulario se tratara, suponiendo que hacemos la petición a un script de servidor (PHP por ejemplo) basta con modificar la linea donde hacemos la petición XMLHttpRequestObject.open("GET", dataSource) por algo de este estilo:

XMLHttpRequestObject.open("GET", PHPFile+urlEncoded, true) 

Donde "dataSource" ahora es la URL del script al que se hace la petición de datos y "urlEncoded" contiene los datos que enviamos al servidor codificados, es decir, si deseamos enviar un par de variables digamos num=12 y dia="un domingo" entonces urlEnconded = "?num=12&dia=un%20domingo".