Neueste Web-Entwicklung Tutorials
 

JSON - Einführung


JSON - Wertet auf JavaScript-Objekte

Das JSON-Format ist syntaktisch identisch mit dem Code für JavaScript-Objekte zu erstellen.

Wegen dieser Ähnlichkeit, anstatt einen Parser zu verwenden (wie XML der Fall ist), kann ein JavaScript-Programm Standard JavaScript-Funktionen verwenden, um JSON-Daten in native JavaScript-Objekte umwandeln.


Versuch es selber

Mit unserem Editor können Sie JavaScript-Code online und klicken Sie auf eine Schaltfläche, bearbeiten das Ergebnis zu sehen:

JSON Beispiel

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Versuch es selber "

Ähnlich wie XML Weil

  • Sowohl JSON und XML ist "self beschreibt" (für Menschen lesbaren)
  • Sowohl JSON und XML ist hierarchisch (Werte innerhalb Werte)
  • Sowohl JSON und XML können von vielen Programmiersprachen analysiert und verwendet werden,
  • Sowohl JSON und XML kann mit einem XMLHttpRequest abgeholt werden

Viel Im Gegensatz zu XML Weil

  • JSON nicht End-Tag verwenden
  • JSON ist kürzer
  • JSON ist schneller lesen und schreiben
  • JSON-Arrays verwenden

Der größte Unterschied ist:

XML hat mit einem XML-Parser analysiert werden, JSON kann durch eine Standard-JavaScript-Funktion analysiert werden.


Warum JSON?

Für AJAX-Anwendungen, ist JSON schneller und einfacher als XML:

Verwenden von XML

  • Fetch ein XML-Dokument
  • Verwenden Sie die XML-DOM-Schleife durch das Dokument
  • Auszug Werte und speichern Sie in Variablen

Mit JSON

  • Holt eine JSON-String
  • JSON.parse die JSON-String