使用来自 Json 的数据转到页面

Question

我正在尝试使用 json 制作登录页面。我正在尝试拥有它，因此当有人单击它时，它会转到 json 文件中的页面。到目前为止，我有这个：

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200)
    {
        var Link = JSON.parse(this.responseText);
        document.getElementById("Link1").innerHTML = Link.title;
    }
};

xmlhttp.open("GET", "link.json", true);
xmlhttp.send();
      
function click1(){ 
    window.location.href = Link.link;
}

当我点击它时，它会给我（从控制台）：

(index):22 Uncaught ReferenceError: Link is not defined at click1 ((index):22) at HTMLAnchorElement.onclick ((index):8)

Answer 1

假设您的 JSON 内容具有属性 title 和 link，并且您的 click1 处理程序已正确注册，您应该能够将您拥有的内容组合成如下内容：

function click1() { 
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var Link = JSON.parse(this.responseText);
      document.getElementById("Link1").innerHTML = Link.title;
      window.location.href = Link.link;
    }
  };
  xmlhttp.open("GET", "link.json", true);
  xmlhttp.send();
}

请注意，在window.location.href = Link.link; 之前设置元素的innerHTML 有点毫无意义，因为更新window.location 会导致加载新页面。