pasar variables con ajax

[ma_miranda19]

Buenos dias, queria haceros una pregunta a ver si me podeis ayudar, tengo un script en el que tengo una variable y necesito pasarla a php, he estado leyendo que se puede hacer con ajax, pero no le he tocado nunca y estoy un poco perdido, este es el codigo:

Código Javascript:

function testAPI()
                    {
                        console.log('Welcome!  Fetching your information.... ');
                        FB.api('/me', function(response)
                        {
                        
                            console.log('Successful login for: ' + response.name);
                            document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.email + '!';
                            varemail = response.email;
                            
                        }
                        );
                    }
 

y necesito pasar la variable varemail para usarla con mi base de datos, espero que me pueda ayudar un poco que me he quedado atascado, muchas gracias

[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.