首页 > 解决方案 > 在 Javascript 中解析有效的 JSON 文件时出错

问题描述

我在文件“lineValuesJSON.json”中有以下文本。

{"4": {"0": {"0": {"0": {"0": [0, 0, 0, 0]}}}}}

我通过在 HTML 中加载这个文件

<script type="text/javascript" src="../js/moveRating/lineValuesJSON.json"></script>

然后在Javascript中解析它

const lineValues = JSON.parse(lineValuesJSON);

我收到以下错误:

未捕获的 SyntaxError:意外的标记“:”

我已经检查了https://jsonformatter.curiousconcept.com/上的 json 代码,它说它是有效的。有谁知道我为什么会收到这个错误?

标签: javascriptjson

解决方案


JSON 不是 JavaScript。text/javascript是 JSON 的错误 MIME 类型。JSON 不是脚本。<script>元素不会创建以加载脚本的文件名命名的变量。您不能使用<script>元素来加载 JSON。

如果要从 URL 加载 JSON,请使用fetchXMLHttpRequestAPI 请求它。


推荐阅读