Question

所以我引用了Loading local JSON file＆amp; load json into variable并尝试将我自己的json文件加载到我想要显示的变量中，但我似乎仍然没有显示任何值。 json文件是本地/在同一目录中。我相信我没有正确加载文件。我没有抓到任何错误吗？

我也尝试过使用$ .getJSON和require.js方法，但这也不起作用。

这是我的JSON文件：

{
  "IMax": 16384, 
  "IMin": 1,
  "DynamicRange": 72,
  "I50": 16,
  "I75": 192
}

这是我的代码：

<!DOCTYPE html>
<html>

<head>
<script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<p id="parameterForm"></p>

<script>
//Where the JSON File should be loaded
var json = (function () {
    var json = null;
    $.ajax({
        'async': false,
        'global': false,
        'url': "Parameters.json",
        'dataType': "json",
        'success': function (data) {
            json = data;
        }
    });
    return json;
})(); 
document.getElementID("parameterForm").innerHTML = json.IMax;
</script>

</body>
</html>

Answer 1

如果您在本地计算机上执行此操作，您将收到类似于以下内容的Cross Origin Request Sharing错误：

您可以通过打开开发控制台来验证这一点。

如果您的站点是从远程加载的，那么您应该可以使用ajax正常加载json。

本地Json文件到JavaScript变量

1 个答案: