如何将数据保存到 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

Client-side JS 无法写入服务器上的文件。

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

Client-side JS可以发起HTTP请求。您需要 server-side 代码来从它们读取数据并进行处理（通常首先使用合适的 authentication/authorisation 级别）。这将带您回到 Node.js / PHP / 等等

注意：使用一个真实的数据库，您可以从中生成带有 server-side 代码的 JSON。不要试图用 JSON 文件和文件编写代码来构建自己的数据库。那就是竞争条件。

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

How to save data into JSON file

javascript

json

fetch

web

no-database