Latest web development tutorials

Einführung in JSON

Online Beispiele

Mit unserem Editor können Sie online JavaScript-Code, bearbeiten und zeigen Sie dann die Ergebnisse, indem Sie auf eine Schaltfläche klicken:

JSON Beispiele

<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>

<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>

</body>
</html>


Versuchen »
Klicken Sie auf die "Try", um die Online-Instanz anzuzeigen.


Gemeinsam mit XML

  • JSON ist ein Text
  • JSON "selbsterklärend" (für Menschen lesbaren)
  • JSON mit einer hierarchischen Struktur (Wert Wert ist vorhanden)
  • JSON kann durch JavaScript analysiert werden
  • JSON-Daten können übertragen werden mit AJAX

Und XML unterscheidet sich

  • No End-Tag
  • Kürzere
  • Lesen Sie schneller
  • Sie können integrierte JavaScript-eval () -Methode verwenden, zu analysieren
  • Mit Arrays
  • Verwenden Sie kein reserviertes Wort verwenden

Warum JSON verwenden?

Für AJAX-Anwendungen, über XML-JSON schneller und einfacher zu bedienen:

Die Nutzung von XML

  • Lesen von XML-Dokumenten
  • Verwenden Sie XML-DOM, um den Dokumentendurchlauf durchqueren
  • Und der Wert in der Variablen gespeichert lesen

Mit JSON

  • Lesen Sie JSON-Strings
  • Verwenden Sie eval () JSON-String-Verarbeitung