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..