Buenas tardes, tengo el siguiente escenario. Este mi login.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="estilos/estilos.css"/>
<meta charset="utf-8">
</head>
<body>
<div id="popup">
<div id="formulario">
<h1 id="header" align="center">Ingresar</h1>
<br>
<hr>
<br>
<form action="Controlador/login.php" method="post" id="formlogin">
<table>
<tr>
<td>Usuario:</td>
<td><input type="text" name="usuario" id="usuario"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" id="pass"></td>
</tr>
<tr>
<td> </td>
<td><input id="botonl" type="submit"></td>
</tr>
<tr>
<td colspan="2" align="right"><a id="botonRegistrarse">¡Registrate!</a></td>
</tr>
</table>
</form>
</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script> <!--Utilizar libreria JQUERY-->
<script src="js/codigo.js"></script> <!--TODO lo que utilize JQUERY deberá ser referenciado despues de la libreria.-->
</body>
</html>
Este manda las variables usuario y password a Controlador/login.php
que es donde, enviadas las 2 variables se procesan para comprobar el ingreso exitoso del usuario.
<?php
require_once('../Modelo/class.conexion.php');
require_once('../Modelo/class.consultas.php');
$usuario = $_POST['usuario'];
$pass = $_POST['password'];
if(strlen($usuario) > 0 && strlen($pass) > 0){
$consultas = new Consultas();
$mensaje = $consultas->verificarUsuario($usuario, $pass);
if (is_string($mensaje)) {
echo $mensaje;
}else{
session_start();
foreach ($mensaje as $resultado) {
$user = $resultado['nickname'];
$rango = $resultado['rango'];
}
$_SESSION['usuario'] = $user;
$_SESSION['rango'] = $rango;
if ($_SESSION['rango']=='Administrador'){
echo "Administrador";
//echo "header('Location: ../manga.html');";
}elseif ($_SESSION['rango']=='starter') {
header("Location: ../login.html");
}elseif ($_SESSION['rango']=='Viper') {
header("Location: ../index.html");
}
}
}else{
echo "Por favor rellena ambos campos";
}
?>
El método verificarUsuario
, es el siguiente:
public function verificarUsuario($nombre_usuario,$password_usuario){
$modelo = new Conexion();
$conexion = $modelo->get_conexion();
$sql = "select nickname, password, idUsuario, rango
from usuarios
where nickname = :nombre_usuario
and password = :password_usuario";
$statement = $conexion->prepare($sql);
$statement->bindParam(':nombre_usuario', $nombre_usuario);
$statement->bindParam(':password_usuario', $password_usuario);
if(!$statement){
return "Error verifique parametros";
}else{
$statement->execute();
if($statement->rowCount() > 0){
return $statement->fetchAll(PDO::FETCH_ASSOC);
}else{
return "no hay usuarios con registrados con esos datos";
}
}
}
Hasta ahí todo bien, ahora como mi login.html
tiene esa referencia a mi archivo JS
donde con JQuery
y Ajax
intento hacer que dependiendo del rango de usuario logueado lo mande a una pagina u otra.
Teniendo el siguiente fragmento de código JS
$('#botonl').click(function(event) {
event.preventDefault();
usuario = $('#usuario').val();
password = $('#pass').val();
$.ajax({
url: 'Controlador/login.php',
type: 'POST',
data: {usuario, password},
beforeSend:function(){
console.log("Se esta procesando tu peticion");
}
})
.done(function(data) {
console.log("success");
alert(data);
if (data == 'Administrador') {
document.location.href = "manga.html";
alert(data);
}
else{
alert("ERROR POR QUE TE ODIO");
}
}
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
});
El código no funciona correctamente, por ejemplo, si ingreso como un usuario Administrador, me manda el alert
con el mensaje "Administrador" mas sin embargo en el if
entra al else
y me manda el alert
"ERROR PORQUE TE ODIO", por lo tanto no me redirige hacia donde se tiene establecido, y con los otros casos, en el alert
me trae todo el código html
de dichas páginas.
Cualquier ayuda u observación será bien recibida, muchas gracias.
login.php
. ¿Usas ese archivo para otras cosas o es un simple verificador para llamar desde jQuery/Ajax en este caso? Pregunto porque viéndolo de cerca parece que lo usas también para que los usuarios se logueen y quieres usarlo también para esta petición-verificación vía Ajx. Para la petición Ajax es recomendable usar un archivo php que sólo sea usado para eso.html
envió las 2 variables que recibelogin.php
este las procesa para verificar el acceso.session_start(); foreach ($mensaje as $resultado) { $user = $resultado['nickname']; $rango = $resultado['rango']; } $_SESSION['usuario'] = $user; $_SESSION['rango'] = $rango;
no entiendo por qué usas$_SESSION
ahí...foreach
, es para recorrer el arreglo que me regresa el metodoverificarUsuario
login.php
para enviar tu petición Ajax en este caso. Tienes que crear un archivo php dedicado específicamente para hacer las verificaciones que necesitas desde tu código jQuery.