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>标签中。

在您的操作属性/contactInfo中，它指的是db.json中定义的JSON对象的名称，请不要像这样写，您需要编写正确的有效URL。端点。

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

1 个答案: