javascript - 如何使用 getJSON 从 JSON 对象将数据输出为 HTML

Question

你好，我会尽量保持简单和简短

我有一个每 5 秒运行一次的 getJSON 函数。现在，当我使用 document.write 函数显示数据时，它似乎不想更新。页面陷入加载循环。如何让数据显示在我的页面上？我的 JSON 没问题，但无论如何我都会向您展示。

  <script type="text/javascript">

 $.ajaxSetup ({  
    cache: false  
     });  

    setInterval(function(){ $.getJSON('names.json', function(data) {

    for(i in data)  {

        document.write(data[i] + "<br/>");
    }

  });



},5000);

 </script>

这是 JSON 对象

{
  "one": "",
  "two": "Beady little eyes",
  "three": "Little birds pitch by my doorstep"
}

Answer 1

实际上并不使用document.write。一旦页面加载，就会删除该页面。使用(jQuery 的)DOM 方法来操作 DOM。

$.getJSON('names.json', function(data){
    for(var i in data){
        $('#myDiv').append(data[i]);
    }
});