Iterating durch jQuery JSON

Question

kann mir jemand helfen, ich habe eine externe JSON-Datei, die ich verbinden und Daten manuell anzeigen kann, aber wenn ich durch data.length iterate (das ist 100) zeigt es nur die 100. Daten.

Hier ist der Code

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

Ich denke, es ist, weil Sie das #stage Element mit jeder Iteration sind überschrieben werden. jedes Datenelement anhängt könnte besser funktionieren:

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

Answer 2

Jquery .html()

Ich glaube, Sie den gleichen Inhalt ersetzen, wie Alastair sagte.

Hier ist eine fiddle link, um den Unterschied zu zeigen.

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 3

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); 
}); 

hoffen, dass dies Ihr Problem lösen ... Viel Glück :-)