beatles
Aktives Mitglied
Thread Starter
- Dabei seit
- 20.08.2008
- Beiträge
- 168
- Reaktionspunkte
- 1
Hallo Zusammen
Ich habe folgende Situation:
- Index.html mit integriertem Javascript
Mit dem JavaScript mache ich einen XMLHttpRequest und lese ein JSON file auf dem Server aus.
Das JSON file enhält verschiedene Arrays.
Ziel ist es immer nur den letzten Eintrag aus dem Array auszulesen.
Ich muss wohl nach dem JSON.parse mittels "Iteration" durch das Array gehen bis zum letzten Eintrag??
JavaScript:
Besten Dank für die Unterstützung
Ich habe folgende Situation:
- Index.html mit integriertem Javascript
Mit dem JavaScript mache ich einen XMLHttpRequest und lese ein JSON file auf dem Server aus.
Das JSON file enhält verschiedene Arrays.
Code:
{
"daten":[
{ "location": "Zurich", "date": "12.02.1993", "map": "img/zurich.jpg"},
{ "location": "Zurich2", "date": "12.02.1963", "map": "img/zurich.jpg"}
],
"daten2":[
{ "location": "Genf", "date": "12.02.1983", "map": "img/genf.jpg"}
]
}
Ziel ist es immer nur den letzten Eintrag aus dem Array auszulesen.
Ich muss wohl nach dem JSON.parse mittels "Iteration" durch das Array gehen bis zum letzten Eintrag??
JavaScript:
HTML:
<script type = "application/javascript">
var xhr = new XMLHttpRequest(); // XMLHttpRequest Objekt
xhr.open("GET", "http://xxxx/jsontest/data.json", true);
xhr.onload = function() {
if(xhr.status === 200) { // Server Status 200 ok
responseObject = JSON.parse(xhr.responseText);
// BUILD UP STRING WITH NEW CONTENT
//daten = Name des Arrays
var newContent = '';
for (var i = 0; i < responseObject.daten.length; i++) { // Loop durch das Objekt
newContent += '<div class="block1">';
newContent += '<img src="' + responseObject.daten[i].map + '" ';
newContent += 'alt="' + responseObject.daten[i].location + '" />';
newContent += '<p><b>' + responseObject.daten[i].location + '</b><br>';
newContent += responseObject.daten[i].date + '</p>';
newContent += '</div>';
}
var newContent2 = '';
xxxx
xxx
// Update der Seite
document.getElementById('content').innerHTML = newContent;
document.getElementById('content2').innerHTML = newContent2;
}
};
xhr.open('GET', 'data.json', true); // Request vorbereiten
xhr.send(null); // Request senden
</script>
Besten Dank für die Unterstützung