保存已提交表單數據到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