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

我想知道最好的办法是将提交的表单数据保存到一个单独的

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>

 {
  "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" }
        ]
      }]
    }
  ]
}

这是一项容易的任务吗？如果是这样的话，如何才能最好地实现这样的目标

我在这里设置了一个JSFIDLE表单：

---

感谢您的帮助。提前谢谢

首先，您需要一个支持服务器端代码的web主机

---

我建议继续使用php，因此这里有一些文档：

不确定您在问什么。如果要将服务器端组件保存在服务器上，则需要一个服务器端组件。如果要将其保存到客户端计算机，可以通过创建带有数据url的下载链接来完成。@Amadan我需要哪种服务器端组件？我现在正在学一点AngularJS。是否有一个服务器端组件可以很好地与此配合使用。PHP、Ruby on Rails、Sinatra、Node.js、CherryPy、Django，甚至bash CGI脚本——如果你是受虐狂，任何可以在服务器上执行代码的东西都足够了。哦，第三种选择：如果你只需要web应用程序中的数据，但不需要用户拥有，你可以将其保存到本地存储（但任何地方都不会有

data.json

文件）。