如何在javascript中访问外部JSON文件以将其创建为HTML？

var xhr = new XMLHttpRequest();
xhr.open('GET', 'external.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var json = JSON.parse(xhr.responseText);
    // 在这里处理JSON数据
  }
};
xhr.send();

var container = document.getElementById('container'); // 假设有一个id为"container"的HTML元素作为容器

for (var i = 0; i < json.length; i++) {
  var item = json[i];
  
  var div = document.createElement('div');
  div.innerHTML = item.name + ': ' + item.value;
  
  container.appendChild(div);
}