正确使用getJSON - 编程之家

如何解决正确使用getJSON

我正在尝试使用JQuery的getJSON()函数来加载JSON文件的内容，但是即使在load json from file into object之类的示例中进行示例，我也未能做到（我无法做出这些示例工作）。因此，我举了一个最小的例子来尝试使其工作，但我仍然做不到。

我将此示例与本地http服务器一起使用，并尝试在chrome控制台中访问变量xxx，但是每次返回0而不是json文件内容。这是变量作用域的问题，还是我以错误的方式使用了getJSON？

我有一个简单的example.json文件，其中包含此行{property:"value"}，一个script.js包含：

var xxx = 0;
$.getJSON("example.json",function(response) {
            xxx = response;
            alert('finished');
});

以及以下HTML文件：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body></body>
</html>