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

【问题标题】：Save Submitted Form Data to JSON File将提交的表单数据保存到 JSON 文件
【发布时间】：2014-11-30 06:29:57
【问题描述】：

我想知道将提交的表单数据保存到单独的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/

感谢任何帮助。提前致谢！

【问题讨论】：

不确定你在问什么。如果要将其保存在服务器上，则需要服务器端组件。如果你想把它保存到客户端的计算机上，你可以通过创建一个带有 data-url 的下载链接来实现。
@Amadan 我需要什么样的服务器端组件？我现在正在学习一些AngularJS。是否有适合此的服务器端组件？
任何。 PHP、Ruby on Rails、Sinatra、Node.js、CherryPy、Django，如果你够受虐的话，甚至 bash CGI 脚本，实际上任何可以在服务器上执行代码的东西就足够了。
哦，第三个选项：如果您只需要该用户的网络应用程序中的数据但不需要用户拥有它，您可以将其保存到本地存储（但会有任何地方都没有data.json 文件）。

标签： javascript jquery json forms

【解决方案1】：

首先你需要一个支持服务器端代码的网络主机。

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

【讨论】：