javascript - 如何从 JavaScript 文件中的 JSON 文件访问数据,然后将其打印到 HTML 页面?

标签 javascript jquery html json

我想访问 JSON 数据文件中的数据,并使用 JavaScript 文件将其打印到 HTML 页面。到目前为止它返回“未定义”,我不知道为什么。这是我文件中的代码:

模板.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;
});

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

最佳答案

也许这是一个竞争条件,请尝试:

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

关于javascript - 如何从 JavaScript 文件中的 JSON 文件访问数据,然后将其打印到 HTML 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41062025/

相关文章:

基于 JavaScript 的数据库服务于 JSON?

javascript - svg 元素在 Chrome 中隐藏/显示时重置

javascript - 在 javascript 中调用 php 的替代方案?

jquery - jquery向进度条添加百分比标签

基于当前页面的 HTML Wrapper 状态更新

html - 使 Logo div 成为可点击的链接

javascript - 在 ajax 请求中填充数据字符串

javascript - Grunt 任务依赖

javascript - 淡出动画后删除 div - javascript

javascript - 如何通过 jquery datepicker 或 bootstrap datepicker 设置 hijri datepicker?