JSON Server

Eine häufige Anwendung von JSON ist der Datenaustausch mit Web-Servern.

Beim Empfang von Daten von einem Web-Server sind die Daten immer Strings.

Mit JSON.parse() Daten analysieren, die Daten werden zu einem JavaScript-Objekt.

Daten senden

Wenn Sie Daten in einem JavaScript-Objekt speichern, können Sie das Objekt in JSON umwandeln und an den Server senden:

Beispiel

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Versuchen Sie es selbst

Daten empfangen

Wenn Sie Daten im JSON-Format empfangen, können Sie sie leicht in ein JavaScript-Objekt umwandeln:

Beispiel

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Versuchen Sie es selbst

JSON vom Server

Sie können AJAX-Anfragen verwenden, um JSON von einem Server zufordern

Solange die Antwort des Servers im JSON-Format geschrieben ist, können Sie den String in ein JavaScript-Objekt umwandeln.

Beispiel

Daten von einem Server mit XMLHttpRequest abrufen:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
}
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

Versuchen Sie es selbst

Siehe auch:json.txt

JSON in Array-Form

Verwendung auf JSON, das aus einem Array abgeleitet ist JSON.parse() wird, gibt dieser Methode ein JavaScript-Array zurück, anstatt eines JavaScript-Objekts.

Beispiel

Von dem Server als Array zurückgegebenes JSON:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

Versuchen Sie es selbst

Siehe auch:json_array.txt