[SOLUCIONADO] Login con ajax

[EmilianoEmiliano]

Hola como están..Por favor me podrían guiarme un poco con lo siguiente.

Tengo un login con jquery funciona muy bien, pero se me ocurrió cambiarlo para hacerlo con ajax, de la siguiente manera:

Esta parte es la final del html:

Código HTML:

<div id="error" style="display:none;"></div>
 
<input type="button" id="login" name="login" onclick="javascript:validar_campos();" class="button button-primary" value="Ingresar"/>
 

Esta parte es del ajax:

Código Javascript:

function enviar_validar(){
    divResultado = document.getElementById('error');    
    cedula=document.ingreso_sistema.cedula.value;
    contrasena=document.ingreso_sistema.contrasena.value;
    ajax=objetoAjax();
    ajax.open("POST", "login_prueba/validacion_datos.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            //mostrar resultados en esta capa
            divResultado.innerHTML=ajax.responseText
            divResultado.style.display='block';     
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("cedula="+cedula+"&contrasena="+contrasena)
}
 

El código php

Código PHP:

<?php
include("db.php");
session_start();
if(isSet($_POST['cedula']) && isSet($_POST['contrasena']))
{
// username and password sent from Form
$cedula=$_POST['cedula']; 
$contrasena=$_POST['contrasena']; 
$sql="SELECT * FROM empleado WHERE contrasena_empleado='$contrasena' and ci_empleado='$cedula'";
$res=mysql_query($sql,$con) or die (mysql_error());
if(mysql_num_rows($res)==1){
$_SESSION['login_user']=$cedula;
header("location:Administrador/inicio.php");  
}else{
    
$sql_01="SELECT * FROM cliente WHERE contrasena_cliente='$contrasena' and correo_cliente='$cedula'";
$res_01=mysql_query($sql_01,$con) or die (mysql_error());
  if(mysql_num_rows($res_01)==1){
 $_SESSION['login']=$cedula;
header("location:Cliente/index.php");
  }else{
    echo "<div id='nerror'>";
      echo "ERROR: Datos incorrectos";
    echo "</div>";
    echo "<br/>";   
    }
 
 
 }
 
 
 
}
?>
 

La validación me hace muy bien, el problema es que al pasar el login, la pagina siguiente se carga en:

<div id="error" style="display:none;"></div>

Esto por la misma forma de realizar con ajax.

Pero abría forma si pasa el login, que se vaya a la otra pagina sin necesidad de cargarse en el:

<div id="error" style="display:none;"></div>

Probé con javascript, con el window.load en php, pero no funciona.

Gracias por su paciencia y su tiempo..

[Alexis88]

Podrías devolver un array con dos valores; uno que sea un número o un mensaje cualquiera y otro que sea el mensaje a mostrar o la ruta hacia la cual se redirigirá al usuario. Una vez que recibas la respuesta, verificas el primer valor y si este indica que todo va bien, realizas la redirección mediante el método window.location, caso contrario, muestras el mensaje en el contenedor.

Código PHP:

//Si todo está bien
$respuesta = [
    'codigo' => 1,
    'mensaje' => 'ejemplo.php'
];
 
//Caso contrario
$respuesta = [
    'codigo' => 2,
    'mensaje' => 'El mensaje de error'
];
 
//Devuelves la respuesta en un objeto JSON
echo json_encode($respuesta);
 

Código Javascript:

ajax.onreadystatechange = function(){
    if (ajax.readyState == 4 && ajax.status == 200){
        //Recogemos la respuesta y la parseamos a JSON
        var respuesta = JSON.parse(ajax.responseText);
 
        //Si todo va bien, se redirecciona
        if (respuesta.codigo == 1){
            window.location = respuesta.mensaje;
        }
        //Caso contrario
        else{
            divResultado.innerHTML = respuesta.mensaje;
            divResultado.style.display = "block";
        }
    }
};
 

Un saludo

[EmilianoEmiliano]

Gracias por indicarme como debo manejar este tipo de situaciones, lo solucione con su guía.......