pasar variables con ajax

[Alexis88]

Una forma muy simple de hacer lo que buscas, consta de lo siguiente:

1. Crear una instancia del objeto XMLHttpRequest:

Código Javascript:

var xhr = new XMLHttpRequest();
 

2. Establecer el método HTTP, ruta del archivo en el lado del servidor y asincronía de la petición:

Código Javascript:

xhr.open("método", "ruta", asíncrono);
 

3. Enviar la información:

Código Javascript:

xhr.send();
 

4. Definir una función manejadora que manipule la respuesta recibida cuando el proceso se complete:

Código Javascript:

xhr.addEventListener("load", function(){
    //Instrucciones
}, false);
 

Por ejemplo, si solo vas a realizar una consulta que devolverá un valor, puedes hacer lo siguiente:

Código Javascript:

var xhr = new XMLHttpRequest();
xhr.open("GET", "ejemplo.php", true);
xhr.send();
 

En el archivo "ejemplo.php", tendrás que imprimir el valor a devolver:

Código PHP:

echo $valor;
 

Y lo recibirías cuando se haya completado el proceso:

Código Javascript:

xhr.addEventListener("load", function(){
    if (this.status == 200){ //Si el proceso se completó satisfactoriamente
        alert(this.responseText);
    }
}, false);
 

Lo anterior mostrará al valor recibido en un mensaje de alerta.