JavaScript - Datenaustausch mit JSON

Datenaustausch mit JSON mit GET

Beispiel:

<script type="text/javascript" src="xmlhttp.js"> </script>

<script type="text/javascript">

var xhr = xmlhttp();

function umwandeln() {

xhr.open("GET", "json.txt", true);

xhr.onreadystatechange = gibDatenAus;

xhr.send(null);

}

function gibDatenAus() {

if (xhr.readyState == 4) {

var ergebnis =xhr.responseText;

var daten = eval("("+ ergebnis +")");

for (var i = 0; i < daten.length; i++) {

var element = daten[i];

var href = element.href;

var text = element.text;

// Daten in den DOM einfügen

var li = document.createElement("li");

var a = document.createElement("a");

a.setAttribute("href", href);

var a_text = document.createTextNode(text);

a.appendChild(a_text);

li.appendChild(a);

document.getElementById("Liste").appendChild(li);

}

}

}

</script>

json.txt

[

{"href": "http://www.just-design.de", "text": "just design"},

{"href": "http://www.falk-software.de", "text": "Falk Software"}

]

Ausgabe:

Klick auf den Button erzeugt eine Liste mit Links

zurück