Como pasar variables del formulario con ajax?

[mariannxd]

Iniciado por laratik

para recolectar los datos del formularios y enviarlos mediante método POST:

Código Javascript:

function getXMLHttpRequest() {
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest();
    } catch(e1) {
        try {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e2) {
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch(e3) {
                xmlHttp = null;
            }
        }
    }
    return xmlHttp;
}
 
function generaPeticion(form) {
    var datos = "";
    var inputs = form.getElementsByTagName("input");
    for (var i = 0, total = inputs.length; i < total; i ++) {
        if(inputs[i].value == "") {
            alert("debe llenar todos los campos");
            return false;
        }
        datos += inputs[i].name+"="+inputs[i].value+"&";
    }
    var xmlHttp = getXMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if(xmlHttp.readyState == 4) {
            var r = xmlHttp.responseText;
            alert(r);
        }
    }
    xmlHttp.open("POST", "prueba.php", true);
    xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xmlHttp.send(datos);
    return false;
}
 

Cuando obtengo la respuesta lo único que hago es mostrarla en un alert.

ese codigo recoje todos los datos de mi formulario sin que haga falta especificarlos? Como lo pongo para que cuando hago click en el boton Enviar responda a ese javascript? muchas gracias enserio es de mucha ayuda!