Estou usando uma API para fazer minha página de login validar o usuário e a senha com este código:
function ola() {
var myHeaders = new Headers();
myHeaders.append("Content-Type", "text/plain");
//ESTA A RECEBER O USERNAME E PASSWORD ASSIM
var raw = "{\r\n \"password\": \"Olasou1!\",\r\n \"username\": \"bernardo\"\r\n}\r\n";
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
fetch("https://api.secureme.pt/api/v1/auth/login", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
};
Eu recebo uma mensagem de sucesso logo eu sei que funcionou
Mas quando tento usar as entradas do usuario na variável raw
assim:
function ola() {
var user = document.getElementById("user").value;
var password = document.getElementById("password").value;
var myHeaders = new Headers();
myHeaders.append("Content-Type", "text/plain");
var raw = {
password: password,
username: user
};
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
fetch("https://api.secureme.pt/api/v1/auth/login", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
};
E quando eu coloco o mesmo nome de usuário e senha, eu recebo este erro:
error TypeError: Failed to fetch
at ola (:5500/js/loginRegister.js:36:3)
at HTMLButtonElement.onclick (loginRegister.html:22:74)
Não consigo entender porquê, alguém me pode ajudar?
Aqui é onde eu chamo a funcao ola no ficheiro html
:
<button type="submit" class="submit-btn" onclick="ola()">Log In</button>