使用Jquery Javascript编辑并保存磁盘上的json文件数据

Edit and save the json file data on the disk using Jquery Javascript

本文关键字：json 文件 数据 磁盘 保存 Jquery Javascript 编辑 使用      更新时间：2023-09-26

我想编辑并将数据写入磁盘上的文件，我想使用jquery将更改保存回同一文件。为此，我有一个按钮和文本区，在那里我编辑了数据，并从json文件作为html5编辑之前获得数据:

function saveFile(data){
    
    $.getJSON("../custom_scripts/sub.json", function(data){
      
         var updatedData = $("#result").val();
         $("sub.json").replaceWith(updatedData);
        
    });
}
  <form class="fileForm">
                <input type="file" value="Choose file" onchange="onFileSelected(event)">
                <br><br>
                <textarea id="result" rows="20" cols="100"></textarea>
                <button type="button" id="savable" class="btn btn-default" title="Save Changes" onclick="saveFile();"> Save</button>
</form>

选择文件后，数据被编辑，我输入的附加数据是updatedData，但它

由于安全原因，您不能将JSON写入客户端的文件。(否则你可以访问网站用户的文件系统。)为此，您必须使用服务器端语言，并将文件存储在服务器端。

出于安全考虑，您不能在客户端磁盘上写入数据。
保存本地最好的方法是使用localStorage。
你应该阅读MDN上关于webStorage的页面。
这里有一些例子。

var myContent = 'I am the content to save';
localStorage.setItem('mySaved', myContent);

，然后检索它:

 var myContent = localStorage.getItem('mySaved');
相关文章：