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()

我相信你替换的内容与Alastair所说的相同。

这里有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);

Answer 2

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

希望这能解决你的问题...祝你好运： - ）

Answer 3

我认为这是因为你在每次迭代时都会覆盖#stage元素。附加每个数据元素可能会更好：

Entity

通过jquery json迭代

3 个答案: