Question

我正在开发这个JavaScript项目，其中所有数据都存储在本地JSON文件中，我已经能够读取有关此文件的信息，但我似乎对如何添加和修改此信息感到迷茫JSON文件，有人可以指出我正确的方向。

感谢。

Answer 1

使用Jquery，您可以尝试类似下面的内容来获取数据，然后您可以将其作为Java Script对象进行操作。

<html>
    <head>
        <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
        <script type="text/javascript" charset="utf-8">
            function loadJson() {
                $(document).ready(function()
                    {
                        $.getJSON('file.json', function(json) {
                            console.log(json);
                        });
                    });
                }
        </script>
    </head>
    <body onload="loadJson();">

    </body>
</html>

Answer 2

您可以使用parseJSON jQuery function将字符串转换为JSON对象，然后对其进行修改。然后，您可以使用JSON.stringify JavaScript function将已编辑的JSON对象转换为字符串。

Answer 3

您的问题基本上是对 json 组成的文件内容执行文件/目录I / O （读取和写入）（字符串，数据结构格式））。特别是，您希望使用Javascript将内容写回文件;好吧，目前，..

没有使用javascript编写文件的Web标准或认可规范。现代浏览器继续实现自己的API。

Google的FileSystem API适用于Google Chrome，Opera。（caniuse）
- 其他参考：html5rocks
- 不再作为网络标准工作。
- 将继续成为其应用中心内Chrome和应用的API。
- 然而，今年有一个基于github的W3C草案与FileSystem API已经死亡的概念相矛盾; http://w3c.github.io/filesystem-api/Overview.html，它似乎也包含FileHandler API。
Mozilla的FileHandler API for firefox。

这些API使用File API的各个方面（特别是blob的接口）。 文件API 的状态仍然是“正在进行中”＆＃39 ;;文件的状态：＆＃39;最后通话工作草案＆＃39;。 这再次强调了目前没有针对文件/目录I / O的标准化，认可的javascript实现

由于这些不是网络标准化的，因此不建议用于生产; W3C推荐并未予以认可。

值得注意的： FileWriter界面继承自FileSaver界面，但仅在Chrome的webkit中实现（Opera现在继承）。（注意：声明实现FileWriter的类没有构造函数。）

其他和过去的解决方案是使用Flash组件作为实施“另存为”的解决方法。功能。在反过来，有填充和填充，用于实现这些实验或非标准规范到不支持的设备/用户代理。

对于我来说，您的项目是否出于内部目的，我仍然无法确定。如果您正在构建Intranet应用程序或尝试执行不打算在生产中标准化和/或公开访问的实用程序脚本，那么我建议您查看并使用这些API。

JS - 在JSON文件中插入，删除和添加数据

3 个答案: