Ayuda, LOGIN con ajax

dluna88 · #1 (**permalink**) 27/08/2010, 01:36

Que tal amigos. Estoy haciendo un control de inicio de sesión con ajax, puesto que debo validar las cajas de texto con js pero al momento de enviar los datos al php me pasa siempre lo mismo... a ver si alguien me puede explicar porque por mas que lo veo no entiendo... soy nuevo en ajax asi que me gustaría algo de retroalimentación.

Este es mi página:

Código HTML:

<head >
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<table width="300px" cellpadding="0" cellspacing="0">
	<tr style="height:25px">
		<td height="25" colspan="2" align="center" class="titleDiv" >Iniciar Sesión</td>
	</tr>
	<tr style="height:25px">
		<td height="26" align="right">Nombre de Usuario:</td>
		<td><input type="text" name="username" id="user" /></td>
	</tr style="height:25px">
	<tr>
		<td height="28" align="right">Contraseña:</td>
		<td><input type="password" name="password" id="pass" /></td>
	</tr >
	<tr style="height:25px">
		<td></td>
		<td><input type="button" name="btnIniciar" id="ingresar" value="Iniciar Sesión" onclick="validar()" /></td>
	</tr>
</table>
</body>

luego tengo mi js:

Código:

function validar()
{
	var user = document.getElementById('user');
	var pass = document.getElementById('pass');
	if((user.value == "") && (pass.value == ""))
	{
		alert("Debes ingresar Datos");
		user.focus();
	}
	else
	{
		if(user.value == "")
		{
			alert("debes escribir tu nombre de usuario");
			user.focus();
		}
		else
		{
			if(pass.value == "")
			{
				alert("debes escribir una contraseña");
				pass.focus();
			}
			else
			{
				//compararlos a la base de datos:
				verDB();	
			}
		}
	}
}

hasta aqui todo esta validado... el problema es cuando hago la funcion verDB():

Código:

function objetoAjax(){

  var xmlhttp=false;
  try {
  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  try {
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
  xmlhttp = false;
  }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
} 

function verDB()
{
	
	var ajax=objetoAjax();
	var user = document.getElementById('user');
	var pass = document.getElementById('pass');

  	ajax.open("POST", "loginCheck.php", false);
   	ajax.onreadystatechange=function() 
	{
    	if (ajax.readyState==4) 
		{
       		
			var respuesta = ajax.responseText
		   	if(respuesta == "pass")
		   	{
				alert("La contraseña no es correcta"); 
				pass.value = "";
				pass.focus();
		   	}
		   	if(respuesta == "user")
		   	{
				alert("el nombre de usuario no existe");
				user.value = "";
				user.focus();
		   	}
		   	if(respuesta == "logged")
		   	{
				location.href="home.php";      
		   	}       		
     	}
  	}
   	ajax.send("user="+user.value"&pass="+pass.value)

}

Cuando pongo esto ya no me hace nada...

Ayuda

CHuLoSoY · #2 (**permalink**) 27/08/2010, 06:37

Y porqué no un elseif o un switch?

Código Javascript:

Ver originalif (ajax.readyState==4) 
        {
               
            var respuesta = ajax.responseText
               if(respuesta == "pass")
               {
                alert("La contraseña no es correcta"); 
                pass.value = "";
                pass.focus();
               }
               else if(respuesta == "user")
               {
                alert("el nombre de usuario no existe");
                user.value = "";
                user.focus();
               }
               else if(respuesta == "logged")
               {
                location.href="home.php";      
               }               
         }

Código Javascript:

Ver originalif (ajax.readyState==4) 
        {
               
            var respuesta = ajax.responseText
               switch(respuesta)
               {
                case "pàss":
                 alert("La contraseña no es correcta"); 
                 pass.value = "";
                 pass.focus();
               break;
 
               case "user":
               
                alert("el nombre de usuario no existe");
                user.value = "";
                user.focus();
               break;
               case "logged":
                location.href="home.php";      
               break;
               default:
                 location.href="error.php";
              break;
         }

thisguy · #3 (**permalink**) 27/08/2010, 12:06

Viendo brevemente tu código, me parece que deberías cambiar los parametros cuando llamas al método open

ajax.open("POST", "loginCheck.php",false)

El tercer parámetro indica si la llamada es asincrónica o no, como especificas que no es asincrónica, no ejecutará el onreadystatechange.

Cambia false por true y debería andar