使用Jquery Javascript將json文件數據編輯並保存在磁盤上

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

為了安全起見，您不能在客戶端磁盤上進行寫操作。
保存區域設置的最佳方法是使用localStorage 。
您應該從MDN閱讀有關webStorage的頁面 。
這里有一些樣品。

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

后來找回它：

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