Я работал над этим кодом несколько часов, но постоянно получаю сообщение об ошибке ERR_EMPTY_RESPONSE, когда я отправляю свою форму с помощью кнопки отправки
Странная вещь: если я просто вставлю код ниже в консоли разработчика это работает, и сервер успешно получает мой запрос:
var email = document.getElementById("register-email").value;
var password = document.getElementById("register-password").value;
var nickName = document.getElementById("register-username").value;
const data = {email, password, nickName};
var options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
};
fetch('http://localhost:5001/api/Authentication/register', options);
НО , как я уже сказал, через код ниже он не работает, и я был бы признателен за любую помощь:
const registerForm = document.getElementById('register-form');
registerForm.addEventListener('submit', (e) => {
e.preventDefault();
let url = 'http://localhost:5001/api/Authentication/register';
var password = document.getElementById("register-password").value;
var passwordCheck = document.getElementById("register-repeat-password").value;
if (password != passwordCheck) {
alert('Wachtwoorden komen niet overeen.');
throw `Passwords not matching.`;
} else {
var email = document.getElementById("register-email").value;
var password = password;
var nickName = document.getElementById("register-username").value;
console.log("Passwords matching.");
}
const data = {email, password, nickName};
var options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
};
fetch(url, options);
console.log(JSON.stringify(data));
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Login Page</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Login-Form-Dark.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<div class="login-dark">
<form id="register-form">
<h2 class="sr-only">Login Form</h2>
<div class="illustration"><i class="icon ion-android-boat"></i></div>
<div class="form-group"><input id="register-email" class="form-control" type="email" name="email" placeholder="Email" required minlength="1"></div>
<div class="form-group"><input id="register-username" class="form-control" type="text" name="username" placeholder="Username" required minlength="1"></div>
<div class="form-group"><input id="register-password" class="form-control" type="password" name="password" placeholder="Password" required minlength="6"></div>
<div class="form-group"><input id="register-repeat-password" class="form-control" type="password" name="repeat-password" placeholder="Repeat Password" required minlength="6"></div>
<div class="form-group"><button class="btn btn-primary btn-block" type="submit">Register</button></div>
</form>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/register.js"></script>
</body>
</html>