本地Json文件到JavaScript变量

本地Json文件到JavaScript变量,javascript,jquery,html,json,Javascript,Jquery,Html,Json,所以我引用了&并尝试将我自己的json文件加载到一个我想要显示的变量中,但我似乎仍然没有得到任何要显示的值。json文件是本地/在同一目录中。我相信我没有正确加载文件。有什么我没有发现的错误吗 我还尝试使用$.getJSON和require.js方法,但也没有成功 这是我的JSON文件: { "IMax": 16384, "IMin": 1, "DynamicRange": 72, "I50": 16, "I75": 192 } 这是我的密码: <!DOCTYPE

所以我引用了&并尝试将我自己的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>  

//JSON文件应该加载的位置 var json=(函数(){ var=null; $.ajax({ “异步”:false, “全局”:错误, “url”:“Parameters.json”, “数据类型”:“json”, “成功”:函数(数据){ json=数据; } }); 返回json; })(); document.getElementID(“parameterForm”).innerHTML=json.IMax;
如果您在本地计算机上执行此操作,您将收到一个类似以下内容的跨源请求共享错误:

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


如果您的站点是从远程加载的,您应该能够使用ajax正常加载json。

在ajax请求时也放置错误块。您在控制台上看到过Ajax错误吗?@Volem我该怎么做?ELI5求求你!我不确定,我是通过notepad++完成所有这些的。如果您有语法错误,应该是
document.getElementById
。解决了一件事,当我尝试时,您的代码运行良好。同步调用是个坏主意。@Alcutt感谢您捕捉到这一点!我刚修好它,但仍然得到一个空白屏幕,我想知道它如何为你工作,但不是我。