javascript - 如何使用 HTML 表单和 Javascript 更新 JSON 文件？

Question

我正在尝试更新结构如下的 JSON 文件

[
      {
         "fname" : "August",
         "lname" : "somename",
      }
]

我正在使用 HTML 和 Javascript 来处理该操作。我以某种方式设法用新的表单数据更新这个现有对象，但不确定如何将这个更新的对象推送到文件。我在互联网上搜索，但在 PHP 中找到了答案，我正在尝试使用 Javascript 来实现这一点。

非常感谢任何建议。

<div class="col-lg-4 col-md-4 col-sm-4">
                <form id="forddata">
                    <input id="fname" name="fname" type="text" placeholder="Enter your firstName" />
                    <input id="lname" name="lname" type="text" placeholder="Enter your lastnane" />
                    <input type="button" id="bt" value="save-to-file" onclick="saveFile()" />
                </form>
            </div>

            <script>
                function saveFile() {
                    var fname = document.getElementById( 'fname' );
                    var lname = document.getElementById( 'lname' );

                    var data = 'First Name: ' + fname.value + ',\n'
                        + 'Last Name: ' + lname.value + ',\n';
                    console.log( data );
                    console.log( "Current formata : " + JSON.stringify( formdata ) );
                    formdata.push( { "Firstname ": fname.value, "Lastname": lname.value } );
                    console.log( typeof formdata );
                    console.log( JSON.stringify( formdata ) );
                    // How to push updated object "formdata" back to file ?
            </script> 

Answer 1

目前尚不清楚您要做什么。但是 FileSystem API 可以帮助解决您的问题。但请考虑以下几点:

1. 如果您尝试在客户端计算机上写入文件，则不能这样做以任何跨浏览器的方式。 IE确实有方法可以启用“受信任”应用程序使用 ActiveX 对象来读/写文件。
2. 如果您尝试将其保存在您的服务器上，则只需传递将文本数据发送到您的服务器并使用以下命令执行文件写入代码一些服务器端语言。
3. 在客户端存储一些相当大的信息小，你可以去吃 cookies 。
4. 使用 HTML5 API 进行本地存储。