如何将数据从网站保存到json服务器

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": ""
    }
  ]
}

当我向邮递员提出请求时，它可以工作。 如何将其与服务器连接以及如何保存输入中的数据？

如果您能帮助我，我将非常感谢。 提前致谢。

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>标记内。

对于action属性中的/contactInfo ，它指的是在db.json中定义的JSON对象的名称，而不是按字面意思放置，您需要编写端点的正确有效URL。