Buen día, Estoy trabajando con un login con node.js / expressJs y necesito mandar uno valor al servidor a través fetch sin embargo no logro hacer que el servidor los reconozca, por lo que veo ni siquiera los recibe.
Tengo un formulario en el HTML/PUG, el cual captura los datos de usuario y contraseñas para mandarlos al servidor y estos sean validados, sin embargo también requiero enviar un valor alojado en el sessionstorage, para esto me apoyo de un JS el cual esta enlazado en el mismo HTLM.
HTML / Pug
section.container
div.login
form( id="login", action="/valCreden/" method="POST")
//- form(action="/valCreden/"+session, method="post")
input(type="text" name="usuario" placeholder="Ingrese su correo" required)
input(type="password" name="contraseña" placeholder="Ingrese su contraseña" required)
//- input(type="hidden", name="session" id="token" )
input(type="submit", value="Iniciar Sesion")
a(href="/registrarse", ) Registrarse
script(src="../js/app.js")
JS
Del lado del servidor, tengo un eventListener en el cual en el momento que se presenta el evento submit, activa la función encargada de hacer el envío a través de fetch.
var login = document.getElementById("login");
login.addEventListener( "submit", myFunction );
function myFunction(){
localStorage.setItem('token2', 'valorToken2');
var session = localStorage.getItem( 'token' );
console.log( `Linea 9 - El token es: ${session}` );
console.log(session);
var usu = document.getElementsByName( 'usuario' ).value;
var pas = document.getElementsByName( 'contraseña' ).value;
// FETCH:
var myHeader = new headers();
var requ = {
method : 'POST',
headers : myHeader,
usuario : usu,
contraseña : pas,
sesi : session
};
var myRequest = new Request( 'http://localhost:3000/valCreden/', requ );
fetch( myRequest, {credentials: 'include'} )
.then( ( res )=>{
if ( res.ok ){
console.log( `Respuesta de red OK: ${res}` )
}
} )
.catch( (error)=> { console.log( error ) } );
};
Como pueden ver el fetch envía a través de un objeto todos los datos del formulario como el valor alojado en el sessionstorage.
Controlador en ExpressJs
// Funcion que valida las credenciales ingresadas.
MovieController.valCreden = (req, res, next)=>{
let credenciales = {
usuario : req.body.usuario,
contraseña : req.body.contraseña,
session : req.body.sesi
}
MovieModel.valCreden( credenciales, (err, data)=>{
console.log( ` Linea 58 - El token es: ${credenciales.session}` )
Creo que el problema proviene del JS, por alguna razón este no se ejecuta ya que en la consola no me aparecen los console.log que he escrito, sin embargo tampoco se si hay algún error en el la funcion fetch.
Espero puedan ayudarme. Saludos cordiales.
e.preventDefault()
.