Как сохранить данные с сайта на json-сервер - PullRequest
0 голосов
/ 27 февраля 2019

Я новичок в программировании, и я делаю проект веб-сайта, который имеет контактную форму, и мне нужно каким-то образом сохранить данные из входных данных.Я могу сделать это только с локальным хранилищем, но в этом случае он сохраняет только последний ввод, и я хочу сохранить данные на сервере 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": ""
    }
  ]
}

, он работает, когда я делаю запросы с почтальоном.Как я могу подключить его к своему серверу и как сохранить данные со входов?

Буду очень признателен, если вы мне поможете.Заранее спасибо.

1 Ответ

0 голосов
/ 27 февраля 2019

Как насчет следующего:

<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 обозначаетк имени вашего объекта JSON, определенного в вашем db.json, не пишите его буквально так, вам нужно написать правильный действительный URL-адрес конечной точки.

...