javascript - 遍历 jquery json

Question

任何人都可以帮助我有一个外部 json 文件，我可以手动连接并显示数据，但是当我按 data.length (即 100)迭代时，它只显示第 100 个数据。

这是代码

var url ="output.json";
$.getJSON(url, function(data) {
  for (var i=0;i <= data.length; i++) {
    $('#stage').html('<h4>' + data[i].title + '</h4>');
  }
});

Answer 1

Jquery .html()

我相信您替换的内容与阿拉斯泰尔所说的相同。

这是一个fiddle link以显示差异。

html:

<div id='stage'></div>
<div id='stage-2'></div>

JavaScript:

var data = [{title:1},{title:2},{title:3},{title:4},{title:5}];
var htmlString = ''
for(var i=0;i<data.length;i++){
    $('#stage').html('<h4>' + data[i].title + '</h4>');
    htmlString += '<h4>' + data[i].title + '</h4>';
}
$('#stage-2').html(htmlString);