小编Jac*_*lin的帖子

正如标题所说，我试图通过 HTML 表单捕获用户的输入，并在提交时将他们的数据发布到 API。

我可以成功 POST 并从 API 获得响应，但是没有附加任何表单数据（至少我相信这是持续存在的问题）。

由于这是练习，我使用的是我在https://reqres.in/在线找到的免费发布 API 。感谢所有帮助！

HTML

<form id="myForm">
    <label for="myName">Send me your name:</label>
    <input id="myName" name="name" value="Alex">
    <br>
    <label for="userId">your id:</label>
    <input id="userId" name="id" value="123">
    <br>
    <label for="myJob">your name:</label>
    <input id="myJob" name="job" value="Web Dev">
    <br>
    <input id="postSubmit" type="submit" value="Send Me!">
</form>

这是我的 JavaScript

const thisForm = document.getElementById('myForm');
thisForm.addEventListener('submit', async function (e) {
    e.preventDefault();
    let response = await fetch('https://reqres.in/api/users', {
        method: 'POST',
        body: new FormData(thisForm)
    });

    let result = await response.json();
    alert(result.message) …