如何将数据保存到 JSON 文件中

Question

我有一个简单的应用程序来记录执行的服务，但我不想使用数据库。
我有data.JSON，我用纯 JS 获取 ->

fetch('./data/data.json')
.then(res => res.json())
.then(data => {/*fetched data appended into html*/}) 

所以当我想添加新记录时，我不知道如何将新对象保存到 json 中。 我找了一些教程，但一切都是为了 Node.js、php、...

<form id ="newRow">
 // ...
</form>


<script>
document.getElementById('newRow').addEventListener('submit', addPost);

function addPost(e) {
    e.preventDefault();

    let name = document.getElementById('fname').value;
    let date = document.getElementById('fdate').value;
    let service = document.getElementById('fservice').value;
    let price = document.getElementById('fmoney').value;
    let desc = document.getElementById('fdesc').value;

    const user = {
        id: Date.now(),
        name: name,
        date: date,
        service: service,
        price: price,
        desc: desc
    }
    document.forms[0].reset();
}
</script>

Answer 1

客户端 JS 无法写入服务器上的文件。

如果可以，那么任何人都可以将文件写入任何服务器。 Google 主页每五秒就会被新的破坏行为或网络钓鱼诈骗覆盖。

客户端 JS 可以发出 HTTP 请求。您需要服务器端代码来从中读取数据并进行处理（通常首先使用适当级别的身份验证/授权）。这将带您回到 Node.js / PHP / 等。

注意：使用一个真实的数据库，从该数据库中生成带有服务器端代码的 JSON。不要试图用 JSON 文件和文件编写代码来构建自己的数据库。这就是竞争条件。