Enviar formulario por AJAX

[Henkka]

Saludos, es mi primer post, una lástima que sea preguntando y no ayudando, pido disculpas .

Llendo al grano, lo que quiero hacer es que al enviar la form login los datos se transmitan a member.php por POST a través de AJAX, y que el resultado se cargue en el div contenido.

Este es el contenido HTML:

Código PHP:

  <div id="contenido"> 
        <form id="login" action="#"> 
            <fieldset> 
            <legend>Por favor, identif&iacute;quese</legend> 
            <p><label for="name">Usuario</label> <input type="text" name="username" id="name" /></p> 
            <p><label for="pass">Contraseña</label> <input type="password" name="passwd" id="pass" /></p> 
            <p class="submit"><input type="button" value="Ingresar"  
                    onclick="enviarFormulario('member.php','login');"/></p> 
            </fieldset> 
        </form> 
</div>  
   

Y este es el Javascript:

Código PHP:

  function enviarFormulario(url, formid){ 
    alert('1'); 
        var Formulario = document.getElementById(formid); 
        var longitudFormulario = Formulario.elements.length; 
        var cadenaFormulario = ""; 
        var sepCampos; 
        sepCampos = ""; 
        for (var i=0; i <= Formulario.elements.length-1;i++) { 
            cadenaFormulario += sepCampos+Formulario.elements[i].name+'='+encodeURI(Formulario.elements[i].value); 
            sepCampos="&"; 
    } 
    peticion.open("POST", url, true); 
    peticion.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=ISO-8859-1'); 
    peticion.send(cadenaFormulario); 
    if (peticion.readyState == 4 && (peticion.status == 200 || window.location.href.indexOf ("http") == - 1)){ 
        alert('2'); 
        document.getElementById('contenido').innerHTML = peticion.responseText; 
 
    } 
    alert('3'); 
}  
   

Tiene puestos 3 alerts para ver hasta que parte se ejecuta, pero solo me alerta el primero .

Soluciones?