如何在客户端使用 JavaScript 操作本地 JSON 文件?
上下文
我想要实现的一个功能是使用基本的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论