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í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?