如何使用javascript更改JSON文件

Question

我想改变我的JSON文件或添加一个元素到我的SON文件，但真正的文件。我尝试了这个代码，但它不能在真正的文件上工作。只是标签在网络上打开的时间发生了变化。在实际文件中如何处理?不是用户文件，这是服务器文件，但我尝试了我的本地。

let xmlreq = new XMLHttpRequest()
xmlreq.open("GET","users.json",true)
function test(){ 
const obj = JSON.parse(xmlreq.responseText); 
console.log(obj);
obj.user1.name="john";
console.log('obj.user1.name: ', obj.user1.name);
obj.user2.push("item");
console.log('obj.user2.: ', obj.user2);
}
xmlreq.send()

另一个

let xmlreq = new XMLHttpRequest()
function test(){ 
// let parsereq= JSON.parse(xmlreq.responseText);
const obj = JSON.parse(xmlreq.responseText); 
console.log(obj);
obj.user1.name="john";
console.log('obj.user1.name: ', obj.user1.name);
obj.user2.push("item");
console.log('obj.user2.: ', obj.user2);
}

xmlreq.open("GET","users.json",true)
xmlreq.send()

Answer 1

首先你必须使用File API来加载文件。

https://developer.mozilla.org/en-US/docs/Web/API/File

然后你必须解析JSON数据。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

然后你可以做你的修改。

但是你不能直接修改本地磁盘上的文件。相反，您必须下载文件以覆盖原始文件。

要做到这一点，你必须从JSON数据创建一个数据URL。

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

最后你可以创建一个链接来下载新的JSON。

https://stackoverflow.com/a/15832662/402322