从 JavaScript 中的本地 JSON 文件读取时出错

Error while reading from local JSON file in JavaScript

本文关键字:文件 读取 出错 JSON JavaScript      更新时间:2023-09-26

我是 JavaScript 的新手。我的JavaScript(脚本.js)从JSON文件中读取,如下所示。脚本在不使用 JQuery 的情况下读取。我关注了这个网站作为参考。

function readJSON() {
  var LatLongData = JSON.parse(data);
  var LatLng1 = new google.maps.LatLng(LatLongData[0]);
}

与 JavaScript 存储在同一位置的 JSON 文件 (data.json) 如下所示:

{ "data": 
[
    {"latitude" : "40.10246648", "longitude" : "-83.14877599"}
]
} 

html 文件如下所示:

<script type="text/javascript" src="data.json"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MyKey&sensor=true"></script>
<body onload="readJSON()">
  <div id="map-canvas"/>
</body>

我在 JSON 文件格式上收到 2 个错误(在 chrome 和 Firebug 中)。但是,我在线验证了 (http://jsonlint.com/) JSON 文件的格式是否正确。我得到的错误是:

SyntaxError: missing ; before statement { "data":
ReferenceError: data is not defined  ---> var LatLongData = JSON.parse(data);

我在这里做错了什么?

你不能这样阅读 json。首先,您不应该通过