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

Posted 2023-05-09

【中文标题】将提交的表单数据保存到 JSON 文件

【英文标题】：Save Submitted Form Data to JSON File

【发布时间】：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 文件）。

【参考方案1】：

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

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