如何从 JavaScript 中本地浏览的 HTML 页面解析本地 JSON 文件？

【问题标题】：How to parse a local JSON file from a locally browsed HTML page in JavaScript?如何从 JavaScript 中本地浏览的 HTML 页面解析本地 JSON 文件？
【发布时间】：2016-02-21 03:42:30
【问题描述】：

我正在寻找一种从非托管 HTML 页面 解析本地 JSON 文件的方法（例如：@ 987654322@) 不使用 AJAX，因为它只会导致 allow access-origin 错误。我也不能使用 JSONP，因为 HTML 没有托管到任何托管服务器（无论是本地托管还是远程托管）。

【问题讨论】：

你可以使用文件输入吗？
Loading local json file的可能重复
也许您可以使用 src 属性将其加载到 iframe 中，并使用 innerHTML 解析内容。

标签： javascript json html local

【解决方案1】：

假设您的 json 文件 'json.data' 如下所示：

data = '[{"name" : "Harry", "age" : "32"}]';

您必须将 json 文件加载到 html head 部分，如下所示：

     <script type="text/javascript" src="file.json"></script>

然后在正文部分，您必须调用 javascript 函数来解析 json 数据，例如..

<body onload="load();"></body>

javascript代码：

<script>
function load() {
    var mydata = JSON.parse(data);
    alert(mydata[0].name);
    alert(mydata[0].age);
}
</script>

就是这样。

【讨论】：

你也可以看到这个帖子 - stackoverflow.com/questions/17944344/…
你不解析脚本文件，代码显示根本行不通。