Estoy haciendo un login con js y php. Recibo los datos del form en el js y los envio a php usando fetch, luego de php envio la respuesta de nuevo a js para realizar una accion.
El login funciona bien y recibe las respuestas del php, incluso al imprime los datos que se le dan en el formulario, pero al ir a la dirección del php dice
Warning: Undefined array key "id" in [] on line 14
Warning: Undefined array key "contrasena" in [] on line 15
Formulario: index.html
<form action="" method="POST" id="loginForm" enctype="multipart/form-data">
<div class="form-floating">
<input class="input" type="text" id="id" name="id" placeholder="Identificación">
</div>
<div class="form-floating">
<input class="input" type="password" id="contrasena" name="contrasena" placeholder="Contraseña">
</div>
<input class="btn btn-outline-primary" type="submit" value="Iniciar Sesión"></input>
</form>
JS: login.js
let formulario = document.getElementById("loginForm");
formulario.addEventListener("submit", envio);
let alerta = document.getElementById("alerta");
function envio(e) {
e.preventDefault();
var datos = new FormData(formulario);
console.log(datos);
console.log(datos.get("id"));
console.log(datos.get("contrasena"));
fetch("validar_login.php", {
method: "POST",
body: datos
})
.then((res) => res.json())
.then((data) => {
console.log(data)
switch (data) {
case "vacio":
alerta.innerHTML = '<div class="alert alert-danger">COMPLETE TODOS LOS CAMPOS</div>';
setTimeout(function () {
alerta.innerHTML = "<div></div>";
}, 5000);
break;
case "noExiste":
alerta.innerHTML = '<div class="alert alert-danger">IDENTIFICACIÓN O CONTRASEÑA INCORRECTOS</div>';
setTimeout(function () {
alerta.innerHTML = "<div></div>";
}, 5000);
break;
case "ok":
alerta.innerHTML = '<div class="alert alert-success">INICIANDO SESIÓN</div>';
setTimeout(function () {
alerta.innerHTML = "<div></div>";
}, 5000);
window.location = "./validar_login.php";
break;
}
})
}
PHP: validar_login.php
<?php
include './config.php';
function obtenerRolUsuario($idUsuario, $conn)
{
$query = $conn->query("SELECT * FROM usuarios INNER JOIN roles ON usuarios.rolUsuario = roles.idRol WHERE idUsuario = '$idUsuario'");
$rol = $query->fetch(PDO::FETCH_ASSOC);
$rolNombre = $rol['nombreRol'];
return $rolNombre;
}
$id = $_POST['id']; // En estas dos lineas salta el error, diciendo que estan sin definir los array keys de $_POST
$contrasena = $_POST['contrasena'];
if (empty($id) || empty($contrasena)) {
echo json_encode("vacio");
} else {
$query = $conn->query("SELECT * FROM usuarios WHERE idUsuario = '$id' AND contrasena = '$contrasena'");
$datos = $query->fetch(PDO::FETCH_ASSOC);
$existe = $query->rowCount();
// print_r($_POST); Esto lo imprime en el json que se envia a js, pero las imprime correctamente
// echo $existe . " ";
if ($existe === 1) {
session_start();
$_SESSION['idUsuario'] = $id;
$_SESSION['rol'] = obtenerRolUsuario($id, $conn);
echo json_encode("ok");
exit;
} elseif ($existe < 1) {
echo json_encode("noExiste");
}
// $verificar_contrasena = password_verify($contrasena, $datos['contrasena']);
}
Tambien al iniciar la sesion en otra pagina me dice que la variable global $_SESSION no esta definida, aunque supongo que es por el error de $_POST
PHP
te debe mostrar el nombre del archivo especifico en el que te sale el error.fetch
dices que el archivo se llamavalidar_login.php
y en la pregunta pones un archivo llamadovalidar_datos.php
. ¿Es un error de redacción?