将提交的表单数据保存到JSON文件

时间:2014-10-06 00:48:55

标签: javascript jquery json forms

我想知道将提交的表单数据保存到单独的data.json文件的最佳方法是什么,以便稍后我可以使用它。

我有一个非常简单的表格,如下所示:

<form>
    <fieldset>
        <label for="name">Name:</label>
          <input type="text" id="name" placeholder="Service Name">
    </fieldset>

    <fieldset>
      <label for="place">Place:</label>
        <select id="place">
          <option>The Whittington Hospital, London</option>
          <option>University College Hospital, London</option>
        </select>
    </fieldset>

    <fieldset>
    <button>Add Service</button>
    </fieldset>
</form>

我想将以该表单提交的数据发送到如下所示的JSON文件中:

 {
  "places":[
    {
      "name": "The Whittington Hospital",
      "address": {
        "city": "London",
      },

      "service": [{
        "type": [
          { "name": "Hernia Repair" },
          { "name": "Hip Replacement" },
          { "name": "Crohn's Disease", },
          { "name": "Pregnancy", }
        ]
      }]
      },
    {
      "name": "University College Hospital",
      "address": {
        "city": "London",
      },

      "service": [{
        "type": [
          {
            "name": "Hernia Repair" }
        ]
      }]
    }
  ]
}

这是一件容易的事吗?如果是这样,最好如何实现这样的目标?

我在这里设置了一个表单的JSFiddle:http://jsfiddle.net/y6z74dkd/1/

感谢任何帮助。提前谢谢!

1 个答案:

答案 0 :(得分:0)

首先,您需要一个支持服务器端代码的Web主机。

我建议继续使用php,所以这里有一些文档:http://php.net/manual/en/book.json.php