如何使用javascript应用程序和Html存储数据

How can I store data using javascript application and Html

本文关键字:Html 存储 数据 应用程序 何使用 javascript      更新时间:2023-09-26

我今天早上问自己,是否可以创建一个javascript应用程序和html,并能够在不使用任何服务器的情况下在本地存储数据?你有什么建议吗?

顺便说一下,我尝试使用此代码使用 JSON 文件

            $.getJSON("./data/cities.json", function(json) {
                console.log(json); // this will show the info it in firebug console
            });

但是我收到此错误:

XMLHttpRequest cannot load file:///C:/YYY/App/data/cities.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

您确实可以使用localStorage存储数据,但是如果您要保存到文件中,我建议您查看以下库:

文件保存.js

  • 你可以用 jsonFile = JSON.stringify(jsonFile)

  • 之后,您可以使用 var blob = new Blob([jsonFile], {type: "text/plain;charset=utf-8"}); saveAs(blob, "jsonStringified.txt");

Web 应用程序通常无法访问客户端的文件系统。是否有任何特殊原因需要将它们保存到文件中?更新:缺乏文件访问权限也是文件加载不起作用的原因。

是的,你可以通过使用html5本地存储