Question

我想访问JSON数据文件中的数据，使用javascript文件将其打印到HTML页面。到目前为止，它返回“未定义”，我无法解决原因。下面是我文件中的代码：

template.html：

<!DOCTYPE html>
<html>
  <head>
    <script type ="text/javascript" src="populate.js"></script>
  </head>

  <body>
    <script>
      document.write(me);
    </script>
  <body>

这是我的stuff.json文件：

[
{"firstname":"James", "lastname":"Davies", "Age":"25"},
{"firstname":"Bill", "lastname":"Jones", "Age":"40"}
]

这是populate.js

var me;
$.getJSON("stuff.json", function(data) {
  me = data;
});

所有这些文件都在同一目录中。我不知道为什么我的变量没有被javascript文件继承，因此打印到html页面。

Answer 1

也许这是竞争条件，请尝试：

 window.onload = function() { 
        document.write(me);
    }

如何从javascript文件中的JSON文件访问数据，然后将其打印到HTML页面？

1 个答案: