编辑本地 .json 文件

Question

I am trying to edit .json file through my .js file that I created just next to it. i am using ajax call to fetch the data from my .json file but for editing I dont know how to do that, here is my code for fetching data:

 var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { objects =JSON.parse(xhttp.responseText) ; } }; xhttp.open("GET", "object.json", true); xhttp.send();

this is also my .json file:

 { "circles":[ { "id":1 , "cx":100, "cy":100, "r":50, "stroke":"green" , "strokeWidth":4, "fill":"yellow" }, { "id":2 , "cx":30, "cy":30, "r":10, "stroke":"green" , "strokeWidth":4, "fill":"yellow" } ] }

please give me a clue thank you guys :))

Answer 1

You can fetch data from the server from the front-end, but to edit the data you need to create some backend functionality. This can be either a server or a serverless function, or a hosted db call, but you can't edit a plain .json file without a backend.