es un formulario de login con ajax pero funciona mal... aqui dejo el codigo por si lo quieren ver
formulario.html
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titulo</title>
<link href="estilosajax.css" rel="stylesheet" type="text/css">
<script language="Javascript">
function crearInstancia(){
XMLHttp = false;
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else if(window.ActiveXObject){
var versiones = ["Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0",
"Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i = 0;i<versiones.lenght;i++){
try{
XMLHttp = new ActiveXObject(versiones[i]);
if(XMLHttp){
return XMLHttp;
break;
}
} catch (e){};
}
}
}
function validarUsuario(){
XMLHttp = crearInstancia();
if(XMLHttp){
username = document.form.username.value;
password = document.form.password.value;
url="login.php?username" + username + "&password=" + password;
XMLHttp.open("POST",url,true)
XMLHttp.onreadystatechange=cambiaEstado
XMLHttp.send(null)
}else{
alert('No se pudo crear la instancia');
}
}
function cambiaEstado(){
var respuesta;
if(XMLHttp.readyState==4){
if(XMLHttp.responseText=='1'){
respuesta = "Bienvenido!";
}else if(XMLHttp.responseText == '2'){
respuesta = "por favor complete usuario y contrasena";
}else {
respuesta = "usuario o contraseña invalidos";
}
document.getElementById("respuesta").innerHTML = respuesta;
}
}
</script>
</head>
<body>
<table align="center">
<tr>
<td colspan="2">
<span class="top"> >> Login de usuarios </span>
</td>
</tr>
<tr>
<td class="lateral">
<form name="form" id="form">
<br/>
<span>Username</span>
<br/>
<span><input type="text" name="username" id="username"></span>
<br/>
<span>Contraseña</span>
<br/>
<span><input type="password" name="password" id="password"></span>
<br/>
<br/>
<span><input type="button" value="Enviar" onClick="validarUsuario();"></span>
<br/>
</form>
</td>
<td class="contenido">
<span id="respuesta" name="respuesta"> </span>
</td>
</tr>
<tr>
<td colspan="2">
<span class="pie"> </span>
</td>
</tr>
</form>
</table>
</body>
</html> y este archivo es el que recibe los datos y devuelve la variable..
login.php
Código PHP:
<?php
$username = 'admin';
$contrasena = 'admin';
if($_GET[username] && $_GET[password])
{
if($_GET[username] == $username && $_GET[password] == $contrasena)
{
echo '1';
}
else
{
echo '0';
}
}
else
{
echo '2';
}
?>
el codigo lo saque de un libro que estoy leyendo y lo copie tal cual estaba para practicarlo pero no funciona..
saludos