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

马蒂亚什·博雷切克

我有一个简单的应用程序来记录执行的服务，但我不想使用数据库。
我有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>

昆汀

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

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

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

注意：使用真实的数据库，您可以从中生成带有服务器端代码的 JSON。不要尝试使用 JSON 文件和文件编写代码构建自己的数据库。那就是竞争条件。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。