如何在客户端使用 JavaScript 操作本地 JSON 文件?

发布于 2025-01-11 09:44:32 字数 763 浏览 2 评论 0原文

上下文

我想要实现的一个功能是使用基本的 html、css 和 js 添加本地(客户端)数据库作为我的 cordova 应用程序的离线功能。如果互联网连接被切断,这将是一个后备方案。我的想法是,它将把请求 url 和请求数据存储在本地 JSON 文件中,并且稍后可以选择在互联网连接恢复时重新发送那些失败的请求。

问题

是否有一种方法可以使用纯 JS 操作(添加/创建、编辑/更新和删除)存储在客户端应用程序内的 JSON 文件?

到目前为止我所做的是导入并读取我的应用程序文件夹中的 JSON 文件使用以下代码:

fetch("./database.json")
  .then((response) => {
    return response.json();
  })
  .then((data) => console.log(data));

(如果有更好的方法,请随时在评论中提供反馈)

效果很好,但我找不到有关如何添加/编辑/删除对象并保存的任何方法对同一 JSON 文件的更改。

根据五年前的 这篇文章,它如果不在后端执行此操作,则不可能。

Context

A feature that I would like to implement is to add a local(client side) database as offline feature for my cordova app using basic html, css, and js. It would be a fallback in case the internet connection is cut off. What I thought was that it would store the request url and request data inside a local JSON file and would have an option later on to be able to resend those failed request if the internet connection is restored.

Question

Is there a method to manipulate (add/create, edit/update, and delete) a JSON file stored inside a client app using pure JS?

What I've done so far is import and read a JSON file inside my app folder using the following code:

fetch("./database.json")
  .then((response) => {
    return response.json();
  })
  .then((data) => console.log(data));

(if there's a better way to do it, feel free to give a feedback in the comments)

That works fine and all, but I can't find any method on how to add/edit/delete an object and save the changes to that same JSON file.

According to this post which is half a decade ago, it is not possible without doing it in the backend.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文