如何使用Javascript访问本地JSON文件?

时间:2014-01-28 00:56:27

标签: javascript jquery html json google-chrome

我有一个Python程序,可以生成一个用于报告结果的html页面。 html页面与javascript文件一起保存在磁盘上的输出目录中,该文件有助于动态表处理。我还将JSON文件保存到此输出目录,我想用我的javascript文件读取。这个JSON文件包含我希望能够访问的Python运行(保存的字典)中的数据。所以在磁盘上的输出目录中我有:

  • C:/somedirectory/output/report.html
  • C:/somedirectory/output/tables.js
  • C:/somedirectory/output/data.json

所有文件都是从我的程序中创建的。

我的html页面有一个带复选框的表格,如果选中了这些复选框,我想根据保存在JSON文件中的数据更新第二个表格。因此,我想在任何浏览器中打开我的html报告,并将JSON文件作为javascript对象读取。

我一直在尝试使用ajax和.getJSON,但我正在使用

  

否'访问控制 - 允许 - 来源'标头出现在请求的资源上。起源' null'因此不允许访问。

我已经搜索并看到了许多类似的问题,但没有遇到任何非常适合我需要的东西。非常感谢思想和工作。感谢。

更新

由于一切都在客户端本地运行,我决定将JSON数据(python字典)和javascript代码直接嵌入到html报告输出中。这样,数据在内部可访问,并且可以传递html文件而不会出现依赖性问题。我在下面选择的答案的用户有一个链接,可以解决这个问题。

1 个答案:

答案 0 :(得分:1)

JavaScript在客户端计算机上运行,​​因此它只能使用特殊设置访问客户端计算机上的文件。

如果您希望在服务器上读取 JSON,则应使用以下路径:

http://example.com/output/data.json

更好方式是从Python读取/写入JSON文件,然后将表数据发送到JavaScript,如下面的答案:Send data from Python to Javascript (JSON)