如何将数据从网站保存到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>标记内。

在你的情况下，action属性中的/contactInfo指的是你的db.json中定义的JSON对象的名称，不要像字面意思那样，你需要编写端点的正确有效URL。