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

Question

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

任何帮助表示赞赏。提前致谢！

Answer 1

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

我建议用PHP所以这里出发是一些文档：http://php.net/manual/en/book.json.php