awesomemax
@awesomemax
java developer

Как использовать REST на фронте?

Есть некий ендпоинт ..../site/some-endpoint, этот ендпоинт является методом POST, мне нужно чтобы данные из формы заносились в body этого метода(body принимает один параметр username). Метод работает, проверял через постман, накопал немного инфы в инете, скажите что не так? После submit ничего не происходит, логи не прилетают об успешной операции.
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" http-equiv="content-type" content="text/html">
    <title>Site</title>

</head>
    <body>
    <form method="post" id="post-form">
        <div>
            <input  id="post-area" type="text"/>
            <button id="post-btn" type="submit" >Submit</button>
        </div>
    </form>
    </body>
</html>


const textarea = document.getElementById("post-area")
const button = document.getElementById("post-btn")
button.preventDefault()
button.addEventListener("submit", () => {
    const data = {
        text: textarea.value
    };

    fetch("http://localhost:8082/site/create-user", {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json; charset=utf-8'
        },
        body: JSON.stringify(data)
    })
        .then(response => response.json())
        .then(data => console.log(data))
        .catch(error => console.error(error))
});
  • Вопрос задан
  • 148 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы