使用 d3.json 访问存储文件中的 json 数据答案

【问题标题】：using d3.json to access json data in a stored file使用 d3.json 访问存储文件中的 json 数据
【发布时间】：2016-09-24 06:59:00
【问题描述】：

我是 d3.json 的新手，我正在尝试访问一个文件 -> recordSet.json -> 这与 html 文件位于同一文件夹中

[
          { "module": "A", "errors": 50 },
          { "module": "B", "errors": 120 },
          { "module": "C", "errors": 10 },
          { "module": "D", "errors": 200 },
          { "module": "E", "errors": 27 },
          { "module": "F", "errors": 25 },
          { "module": "G", "errors": 40 }
];

在 html 文件中我有以下代码 - 脚本标记中的第一行是

d3.json("./recordSet.json", function (error, dataset) {
    if (error) {
        console.log(error);
    } else {
        // code that works well for prewritten data
    }
}

json 路径 - C:\Users\suchitrai.ext\Documents\Visual Studio 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\recordSet.json

html 路径 - C:\Users\suchitrai.ext\Documents\Visual Studio 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\index.html

js 文件路径 - C:\Users\suchitrai.ext\Documents\Visual Studio 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\app.js

控制台显示语法错误...我无法弄清楚错误可能是什么。控制台中唯一的一行是 SyntaxError {} 。当我做 console.error(error) -> 我明白了 SyntaxError {“意外的令牌 m”} （匿名函数）事件回复

【问题讨论】：

将您在控制台中看到的屏幕截图。浏览器网络选项卡中的recordSet.json负载检查吗？
我无法上传图像.. bt 它确实检查了网络.. 但状态仍未修改 - 304
它与您调用它的文件夹在同一个文件夹中吗？如果不使用'../'返回文件夹
你的 d3 html file 和 json 文件的路径是什么。
是的..它在同一个文件夹中..并且html和json的路径相同..与使用此的js文件的路径相同..路径错误，它是给出一个“未找到”错误..这里......这只是语法错误

标签： json d3.js console.log

【解决方案1】：

根据 cmets 中的讨论，上述问题的解决方案是将文件放在 C: 中，并且浏览器通常没有足够的权限从系统驱动器访问文件。将其移至任何其他目录即可解决此问题。

【讨论】：