Проверка формы входа без перезагрузки страницы - PullRequest
0 голосов
/ 28 сентября 2019

У меня есть форма входа, которую я хотел бы подтвердить, не перезагружая страницу.Как я могу это сделать?AJAX или Express (NodeJS)?

<form class="login-form" method="POST" @submit.prevent>
<p>Login to the chat.</p>
<br>
<p>Login:</p> <input type="text">
<p>Password:</p> <input type="password">
</form>

1 Ответ

0 голосов
/ 28 сентября 2019

U должен сначала удалить тэг "form" и добавить кнопку, которая активирует функцию, например "login"

Я бы порекомендовал использовать axios:

В своей функции "login" ты пишешь:

    axios.post('/loginpath', {
    name: 'Fred',
     password:  'Flintstone'
     })
    .then(function (response) {
     if(response == "ok")
     { 
      window.location.replace("http://website.com/redirect);
     })
     .catch(function (error) {
       console.log(error);
        });

На серверной стороне вы ловите запрос примерно так:

    app.post("/loginpath", (req,res) => {
    res.send("ok")
    })

Вам нужно будет остановить "bodyparser", чтобы получить данные от вашего тела.
Когда выустановить bodyparser вы можете получить доступ к отправленным данным с помощью req.body.name или req.body.password

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...