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

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

How to save data from website to json-server

html

javascript

database

json-server