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. – A. Cedano el 9 sep. 17 a las 0:00html
envió las 2 variables que recibelogin.php
este las procesa para verificar el acceso. – antonio291093 el 9 sep. 17 a las 0:06session_start(); foreach ($mensaje as $resultado) { $user = $resultado['nickname']; $rango = $resultado['rango']; } $_SESSION['usuario'] = $user; $_SESSION['rango'] = $rango;
no entiendo por qué usas$_SESSION
ahí... – A. Cedano el 9 sep. 17 a las 0:28foreach
, es para recorrer el arreglo que me regresa el metodoverificarUsuario
– antonio291093 el 9 sep. 17 a las 0:43login.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. – A. Cedano el 9 sep. 17 a las 0:45