Question

我正在尝试在我的项目中添加员工状态窗口小部件，但由于某种原因，窗口小部件未显示在页面上。我检查了JavaScript控制台，但我没有看到任何错误。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if(xhr.readyState === 4) {
    var employees = JSON.parse(xhr.responseText);
    var statusHTML = '<ul class="bulleted">';
    for (var i = 0; i < employees.length; i += 1) {
      if (employees[i].inoffice === true) {
        statusHTML += '<li class="in">';
      } else {
        statusHTML += '<li class="out">';
      }
      statusHTML += employees[i].name;
      statusHTML += '</li>';
    }
    statusHTML += '</ul>';
    document.getElementById('employeeList').innerHTML = statusHTML;
  }
};
xhr.open('GET', 'data/employees.json');
xhr.send();

Answer 1

您能提供更多信息吗？

您向我们展示了代码，这本身似乎没问题，但在您向我们展示更多内容之前，我们不会知道您是否有无效的文档引用或其他错误。

也就是说，因为您说没有报告错误，所以它可能是CSS定义导致元素不显示。为什么不直接在'employeeList'元素中添加一些html，看看它是否出现在屏幕上。

无法在页面上显示小组件

1 个答案: