Привет!Я делаю форму, которую я должен отправить на мой экспресс-сервер, но я не получаю никаких результатов, только ошибки!как это сделать?Вот код формы и код JQuery.
Html-код:
<div class="login-form">
<form class="form">
<div class="avatar">
<img src="images/logo_pfe.png" alt="Logo entreprise">
</div>
<h2 class="text-center">Connectez vous !</h2>
<div class="form-group">
<input type="email" id="login" class="form-control" name="username" placeholder="Login" required="required">
</div>
<div class="form-group">
<input type="password" id="password" class="form-control" name="password" placeholder="Mot de password" required="required">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-lg btn-block">Se connecter</button>
</div>
</form>
`
Код Voici Le JQuery Qui Recupere Les Infos du Formulaire for soumettre Код JavaScript
const API_URL = 'localhost:3001';
const AUTH_URL = `${API_URL}/auth`;
$(() => {
$('form').submit((event) => {
event.preventDefault();
const email = $('#login').val();
const password = $('#password').val();
let user = {
email,
password
};
login(user)
});
function login(user) {
$.ajax({
url: `${AUTH_URL}/login`,
type: 'post',
success: function (data) {
console.log(data);
},
error: function (error) {
console.log(error);
}
});
}
});
Когда я отправляю форму, вот что возвращается мне в консоли console.log ()
abort: abort()
always: function always()
catch: function catch()
done: function add()
fail: function add()
getAllResponseHeaders: function getAllResponseHeaders()
getResponseHeader: function getResponseHeader()
overrideMimeType: function overrideMimeType()
pipe: function pipe()
progress: function add()
promise: function promise()
readyState: 0
setRequestHeader: function setRequestHeader()
state: function state()
status: 0
statusCode: function statusCode()
statusText: "error"
then: function then()
<prototype>: Object { … }
connexion.js:37:25