如何将数据从网站保存到 json-server

Question

我是编程初学者，我正在制作一个网站项目，该项目有一个联系表格，我必须以某种方式保存输入中的数据。我只能使用本地存储来做到这一点，但在这种情况下它只保存最后一个输入，我想将数据保存在 json 服务器上。

这是我的联系表单 HTML：

<section class="enquiries">

  <input type="text" name="name" id="name" autofocus="autofocus" placeholder=" Name:"></input>
  <br>
  <input type="email" name="email" id="email" placeholder=" Email:"></input>
  <br>
  <input type="text" name="subject" id="subject" placeholder=" Subject:"></input>
  <br>

  <textarea id="extra" name="extra" placeholder=" Message..."></textarea>

</section>
<button class="button" type="submit">Send</button>

我已经安装了 json 服务器，创建了一个 db.json 文件，其中有：

{
  "contactInfo": [
    {
      "id": 1,
      "name": "",
      "email": "",
      "subject": "",
      "extra": ""
    }
  ]
}

当我向 Postman 提出请求时，它会起作用。 如何将它连接到我的服务器以及如何保存输入中的数据？

如果您能帮助我，我将不胜感激。提前致谢。

Answer 1

接下来呢：

<form action="/contactInfo" method="post">
  <section class="enquiries">

    <input type="text" name="name" id="name" autofocus="autofocus" placeholder=" Name:"></input>
    <br>
    <input type="email" name="email" id="email" placeholder=" Email:"></input>
    <br>
    <input type="text" name="subject" id="subject" placeholder=" Subject:"></input>
    <br>

    <textarea id="extra" name="extra" placeholder=" Message..."></textarea>

  </section>
  <button class="button" type="submit">Send</button>
</form>

不要忘记将表单元素放在<form> 标记内。

在您的情况下，/contactInfo 在 action 属性中，是指在您的 db.json 中定义的 JSON 对象的名称，不要这样说，您需要编写正确的端点有效 URL。