Question

我想编辑并将数据写入磁盘上的文件，我想使用jquery将更改保存回同一文件。为此，我有一个按钮和textarea，我在其中编辑数据并在从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但是

Answer 1

由于安全原因，您无法在客户端上将JSON写入文件。（否则您可以访问您网站用户的文件系统。）您必须使用服务器端语言，并将文件存储在服务器端。

Answer 2

为安全起见，您无法在客户端的磁盘上书写保存localy的最佳方法是使用localStorage 你应该读一下关于webStorage的page from MDN some samples here.

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

以后再检索它：

 var myContent = localStorage.getItem('mySaved');

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

2 个答案: