[ Foro de Javascript ]

Login con conexion a API

09-May-2021 18:32
Invitado (Carlos)
0 Respuestas

Buenas tardes.
Necesito crear una pantalla de login que se conecte a una api con email y password y me devuelva un token. No sé muy bien como hacerlo. La verdad es que he estado invtestigando (probablemente mal) y he consguido este código. Me da error 404, no tengo muy claro que ocurre. A ver si alguien puede echarme una mano.
<!DOCTYPE html>
<html>
<title> FORMULARIO ACCESO COUNCILBOX </title>
   <body>

     <h1>Datos</h1>
     <form id="formulario" action="https://app.councilbox.com/graphql"  method = "post">
       <div>
       <label>
         <p>Email</p>
         <input type="text" id="email" name="email" placeholder="email"/>
       </label>
       <label>
         <p>Password</p>
         <input type="password" id="password" name="password" placeholder="password"/>
       </label>
     
         <button type="submit">Acceso</button>
     </div>
     </form>
   </body>
   
   <script>
   
 async function submit(){
  const url = "https://app.councilbox.com/graphql";
  const email= document.querySelector("email");
  const password= document.querySelector("password");
     const formulario = document.querySelector("formulario");
     formEl.addEventListener("submit", async (e) => {
       e.preventDefault();
              });

            let response = await fetch(url, {
           method: "POST",
           body: JSON.stringify({email,
            password
           }),
           headers: {
             "Content-Type": "application/json",
           },
         });
         const json = await response.json();
         console.log(json);
          console.error(e);
         alert("there as an error");
       }
     
     ;
   </script>
 
</html>




Si ya eres usuario del sistema, puedes contestar desde tu cuenta y así ganar prestigio.

Si sólo eres un visitante, puedes optar por...