Como pasar variables del formulario con ajax?

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