时间戳

首页 > 解决方案 > 使用 $.getJSON() 后如何在控制台中访问 json 数据

javascript - 使用 $.getJSON() 后如何在控制台中访问 json 数据

问题描述

我无法在控制台中访问 json 数据。例如，如果我想输入课程 [0].name 或 course.length，我会收到错误“课程未定义”。我肯定在这里遗漏了一些东西，但我不确定如何去做。该列表在 DOM 上生成得很好，但我想访问数组中的特定部分。

    $(document).ready(function () {
    var showData = $('#show-data');

    $.getJSON('../undergraduate/ug.json', function (data) {
      console.log(data);

      var courses = data.courses.map(function (course) {
        return course.code + ': ' + course.name;
      });


      if (courses.length) {
        var content = '<li>' + courses.join('</li><li>') + '</li>';
        var list = $('<ul />').html(content);
        showData.append(list);
      }
    });
});

  <body>
    <a href="#" id="get-data">Get JSON data</a>
    <div id="show-data"></div>
  </body>

在控制台日志中加载时，json 数据似乎也很好： 在此处输入图像描述

任何帮助将不胜感激。提前致谢！

标签： javascriptarraysjson

解决方案

推荐阅读