JavaScript获取，然后是innerHTML问题 var-radr； 取（'https://example.json') .then（response=>response.json（）） .then（json=>radr=json.stringify（json））； document.getElementById（'test'）。innerHTML=radr；

嗨。我刚刚测试了这段代码，不管我做什么，我只是在元素中插入了未定义的内容，但是当我使用控制台时，它工作得很好…

因为数据的获取是异步的，所以将该逻辑放在最后一个元素中设置html。 目前还没有定义，因为html是在承诺完成之前呈现的

<script type="text/javascript">
      var radr;
      fetch('https://example.json')
      .then(response => response.json())
      .then(json => radr = JSON.stringify(json));
        document.getElementById('test').innerHTML = radr;
</script>

var-radr；
取（'https://example.json')
.then（response=>response.json（））
。然后（json=>{
radr=JSON.stringify（JSON）
document.getElementById（'test'）。innerHTML=radr；
});    

试试这个

<script type="text/javascript">
      var radr;
      fetch('https://example.json')
      .then(response => response.json())
      .then(json => {
         radr = JSON.stringify(json)
         document.getElementById('test').innerHTML = radr;
       });    
</script>

---

使用

document.onreadystatechange

确保DOM元素已完全添加

 fetch('https://example.json')
      .then(response => response.json())
      .then(json => {
        var radr = JSON.stringify(json)
        document.getElementById('test').innerHTML = radr;
      });

document.onreadystatechange=函数（）{
如果（document.readyState==='interactive'）{
var-radr；
取（'https://example.json')
.then（response=>response.json（））
。然后（json=>{
radr=JSON.stringify（JSON））；
document.getElementById（'test'）。innerHTML=radr；
}
}
}

您只需要使用

查询选择器（“id”）

而不是

getElementById（）

就可以了。一定会成功的

 fetch('https://example.json')
      .then(response => response.json())
      .then(json => {
        var radr = JSON.stringify(json)
        document.getElementById('test').innerHTML = radr;
      });

    <script type="text/javascript">
        document.onreadystatechange = function () {
          if (document.readyState === 'interactive') {
          var radr;
          fetch('https://example.json')
          .then(response => response.json())
          .then(json => {
             radr = JSON.stringify(json));
            document.getElementById('test').innerHTML = radr;
           }
          }
        }
    </script>