Hola amigos.... necesito que alguien me ayude a descubrir mi error... soy nuevo usando ajax:
explicare el problema:
tengo mi html con un control LOGIN... cuando doy clic al boton de iniciar me ejecuta la funcion validar(); hasta ahí todo perfecto..
cuando esta validado me ejecuta la funcion send()
que es la que me hace el AJAX... el problema es que no se envían los valores al PHP.
este es el JS:
Código:
//validar los datos:
function validar()
{
var user = document.getElementById('user');
var pass = document.getElementById('pass');
var div = document.getElementById('msj');
if(user.value == "")
{
div.innerHTML = "debes ingresar tu nombre de usuario";
user.focus();
}
else
{
if(pass.value == "")
{
div.innerHTML = "debes ingresar tu contraseña";
pass.focus();
}
else
{
clearDiv();
send();
}
}
}
//enviar los datos a PHP:
function send()
{
var procesador = "login1.php";
var divm = document.getElementById('msj');
var ajax;
ajax = objetoAjax();
ajax.open("POST",procesador, true);
ajax.onreadystatechange = function()
{
if (ajax.readyState==4)
{
if(ajax.responseText == "user")
{
divm.innerHTML = "el nombre de usuario es incorrecto";
user.value = "";
user.focus();
break;
}
else if(ajax.responseText == "pass")
{
divm.innerHTML = "la contraseña es incorrecta";
pass.value = "";
pass.focus();
break;
}
else if(ajax.responseText == "bien")
{
document.href="home.php";
break;
}
else if(ajax.responseText == "NULL")
{
//este caso lo puse para saber si en realidad estaba o no recibiendo valores
divm.innerHTML = "Estoy recibiendo valores Nulos";
break;
}
}
else
{
divm.innerHTML = "Iniciando...";
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("usuername="+user+"&password="+pass);
}
y efectivamente... no envía nada... alguien me puede ayudar?