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

时间:2016-03-04 12:00:24

标签: javascript jquery html ajax html5

今天早上我问自己是否有可能创建一个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.

2 个答案:

答案 0 :(得分:0)

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

FileSave.js

  • 你可以用你的json字符串化 jsonFile = JSON.stringify(jsonFile)

  • 之后您可以下载带有字符串的文件 var blob = new Blob([jsonFile], {type: "text/plain;charset=utf-8"}); saveAs(blob, "jsonStringified.txt");

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

答案 1 :(得分:0)

是的,您可以使用html5 local storage