Mit JavaScript JSON-Werte aufparsen
In JavaScript ist es relativ einfach, eine JSON-Datei bzw. einen JSON-String aufzuparsen und das Ergebnis auszugeben.
Als Ausgabe für die JSON habe ich in der Seite einen DIV-Container mit der ID “Cnt” erstellt, auf den ich mit Hilfe von document.getElementById(“Cnt”) dann zugreife.
Führt diesen Code an der Stelle aus, an der ihr die JSON-Datei aufparsen wollt (Bsp.: Beim “OnLoad” der Seite oder über einen Buttonklick):
// json-string laden
var json = GetHttpText("Eure URL zur JSON");
// aus dem string ein Array bilden
var jsonobj = eval('(' + json + ')');
// aufparsen
for (var strLabel in jsonobj) {
var type = typeof jsonobj[strLabel];
if (type == 'object') {
ParseJsonArray(jsonobj[strLabel]);
}
else {
document.getElementById("Cnt").innerHTML += "<p>"+ strLabel + ": " + jsonobj[strLabel] + "</p>";
}
}// dursucht das JSON-Array auf weitere Ebenen
function ParseJsonArray(jsonobj) {
for (var strLabel in jsonobj) {
var type = typeof jsonobj[strLabel];
if (type == 'object') {
document.getElementById("Cnt").innerHTML += strLabel + ":";
ParseJsonArray(jsonobj[strLabel]);
}
else {
document.getElementById("Cnt").innerHTML += "<p>"+ strLabel +": "+ jsonobj[strLabel] + "</p>";
}
}
}function GetHttpText(url) {
if (window.XMLHttpRequest) {
vHTTPReq = new XMLHttpRequest();
}
else {
vHTTPReq = new ActiveXObject("Microsoft.XMLHTTP"); // IE 5 / 6
}
/// get content
vHTTPReq.open("GET", url, false);
vHTTPReq.send();
return vHTTPReq.responseText;
}Natürlich ist das jetzt wahrscheinlich nicht die eleganteste Lösung, but it works
Artikel, die für Sie interessant sein könnten
Facebook Kommentare:
