我无法在html页面上显示json文件中的数据。

var request = new XMLHttpRequest();
request.open('GET', 'path/to/your/json/file.json', true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = JSON.parse(request.responseText);
    // 在这里处理JSON数据
  } else {
    console.error('Failed to load JSON file');
  }
};
request.send();

fetch('path/to/your/json/file.json')
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Failed to load JSON file');
    }
  })
  .then(function(data) {
    // 在这里处理JSON数据
  })
  .catch(function(error) {
    console.error(error);
  });

var ul = document.createElement('ul');
data.forEach(function(item) {
  var li = document.createElement('li');
  li.textContent = item.name;
  ul.appendChild(li);
});
document.body.appendChild(ul);