Im „JSON Chinese Manual“ ist JSON: JavaScript Object Notation (JavaScript Object Notation) JSON eine Syntax zum Speichern und Austauschen von Textinformationen. Ähnlich wie XML. JSON ist kleiner, schneller und einfacher zu analysieren als XML.
JSON (JavaScript Object Notation, JS Object Notation) ist ein leichtes Datenaustauschformat. Es basiert auf einer Teilmenge von ECMAScript (der von der European Computer Association entwickelten js-Spezifikation) und verwendet ein von Programmiersprachen völlig unabhängiges Textformat zum Speichern und Darstellen von Daten. Einfachheit und klare hierarchische Struktur machen JSON zu einer idealen Datenaustauschsprache. Es ist für Menschen leicht zu lesen und zu schreiben, und es ist auch für Maschinen leicht zu analysieren und zu generieren und verbessert effektiv die Effizienz der Netzwerkübertragung.
JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat. Für Menschen leicht zu lesen und zu schreiben. Es ist auch für Maschinen einfach zu analysieren und zu generieren. Es basiert auf der Programmiersprache JavaScript, einer Teilmenge des Standards ECMA-262, 3. Ausgabe – Dezember 1999. JSON ist ein Datenformat, das Douglas Crockford im Jahr 2001 zu fördern begann. Von 2005 bis 2006 wurde es offiziell zu einem Mainstream-Datenformat. Zu dieser Zeit begannen Yahoo und Google, das JSON-Format in großem Umfang zu nutzen. Lassen Sie uns die erste JSON-Instanz erleben! Erste JSON-InstanzTipp: Bevor Sie mit dem Erlernen von JSON beginnen, sollten Sie mit Javascript , AJAX , jQuery<🎜 vertraut sein > Wissen hat ein Grundverständnis.
<!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>Instanz ausführen»Klicken Sie auf „Instanz ausführen“ „ Klicken Sie auf die Schaltfläche, um Online-Beispiele anzuzeigen
Tipp: Unser JSON-Tutorial hilft Ihnen, JSON-Kenntnisse vom Anfänger bis zum Fortgeschrittenen zu erlernen. Wenn Sie Fragen haben, besuchen Sie bitte die chinesische PHP-Website JSON Community , um Ihre Fragen zu stellen, und begeisterte Internetnutzer werden sie für Sie beantworten.
Vergleich von JSON und XML
Lesbarkeit
Die Lesbarkeit von JSON und XML ist vergleichsweise unglaublich Die eine Seite verfügt über eine einfache Syntax und die andere Seite über ein standardisiertes Tag-Format, sodass es schwierig ist, den Gewinner zu unterscheiden.
Erweiterbarkeit
XML ist natürlich sehr skalierbar, und JSON kann natürlich auch nicht erweitert werden . JSON ist jedoch in Javascript zu Hause und kann zusammengesetzte Javascript-Objekte speichern, was unvergleichliche Vorteile gegenüber XML bietet.
Codierungsschwierigkeiten
XML verfügt über eine Fülle von Codierungstools wie Dom4j, Dom, SAX usw., und JSON bietet auch Tools . Ich glaube, dass erfahrene Entwickler ohne Tools schnell die gewünschten XML-Dokumente und JSON-Strings schreiben können. XML-Dokumente erfordern jedoch viel mehr Strukturzeichen.
Dekodierungsschwierigkeiten
Es gibt zwei Möglichkeiten, XML zu analysieren:
Eine besteht darin, das Dokumentmodell zu analysieren ist, durch Das übergeordnete Tag indiziert eine Reihe von Tags. Beispiel: xmlData.getElementsByTagName("tagName"), dies muss jedoch verwendet werden, wenn die Dokumentstruktur im Voraus bekannt ist und nicht universell gekapselt werden kann.
Eine andere Methode besteht darin, die Knoten (Dokument- und Kinderknoten) zu durchlaufen. Dies kann durch Rekursion erreicht werden, die analysierten Daten liegen jedoch immer noch in unterschiedlichen Formen vor und können häufig die bereits bestehenden Anforderungen nicht erfüllen.
Es muss sehr schwierig sein, solche skalierbaren strukturierten Daten zu analysieren.
Das Gleiche gilt für JSON. Wenn Sie die JSON-Struktur im Voraus kennen, ist die Verwendung von JSON für die Datenübertragung einfach wunderbar. Sie können sehr praktischen, schönen und lesbaren Code schreiben. Wenn Sie ein reiner Frontend-Entwickler sind, wird Ihnen JSON auf jeden Fall sehr gefallen. Aber wenn Sie ein Anwendungsentwickler sind, gefällt es Ihnen nicht so gut. Schließlich ist XML die eigentliche strukturierte Auszeichnungssprache, die für die Datenübertragung verwendet wird.
Und wenn Sie die Struktur von JSON nicht kennen und JSON nicht analysieren, wäre das ein Albtraum. Dies ist nicht nur zeit- und arbeitsintensiv, der Code wird auch überflüssig und langwierig und die erzielten Ergebnisse werden unbefriedigend sein. Dies hat jedoch keinen Einfluss darauf, dass sich viele Frontend-Entwickler für JSON entscheiden. Weil toJSONString() in json.js die String-Struktur von JSON sehen kann. Für Leute, die diese Saite nicht oft benutzen, ist dies natürlich immer noch ein Albtraum. Wenn Personen, die JSON häufig verwenden, diese Zeichenfolge sehen, verstehen sie die Struktur von JSON klar und können JSON einfacher bedienen.
Das Obige ist das Parsen von XML und JSON nur für die Datenübertragung in Javascript. Im Bereich Javascript ist JSON schließlich das Heimatgebiet und seine Vorteile sind XML natürlich weit überlegen. Wenn zusammengesetzte Javascript-Objekte in JSON gespeichert sind und ihre Struktur nicht bekannt ist, werden meiner Meinung nach auch viele Programmierer beim Parsen von JSON weinen.
Zusätzlich zu den oben genannten Punkten ist die effektive Datenrate ein weiterer großer Unterschied zwischen JSON und XML. JSON ist effizienter, wenn es als Datenpaketformat übertragen wird. Dies liegt daran, dass JSON keine strengen Abschluss-Tags wie XML erfordert, was das Verhältnis von effektivem Datenvolumen zu Gesamtdatenpaketen erheblich erhöht und dadurch den Übertragungsdruck verringert des Netzwerks.
Vor- und Nachteile von JSON:
Vorteile:
Das Datenformat ist relativ einfach, leicht zu lesen und zu schreiben, das Format ist komprimiert, und nimmt wenig Bandbreite in Anspruch;
Einfach Zum Parsen kann clientseitiges JavaScript JSON-Daten einfach über eval() lesen.
unterstützt mehrere Sprachen, einschließlich ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Serverseitige Sprachen wie Ruby erleichtern das serverseitige Parsen. In der PHP-Welt sind PHP-JSON und JSON-PHP bevorzugt Von PHP direkt serverseitige Objekte serialisiert. Arrays usw. können das JSON-Format direkt generieren, was den Clientzugriff und die Extraktion erleichtert.
Da das JSON-Format direkt vom serverseitigen Code verwendet werden kann, vereinfacht es den Umfang der Codeentwicklung erheblich auf der Serverseite und auf der Clientseite. Erledigen Sie die Arbeit unverändert und seien Sie einfach zu warten.
Nachteile:
Es ist nicht so beliebt und weit verbreitet wie das XML-Format und es ist nicht so vielseitig wie XML;
- Die Förderung des JSON-Formats im Web Service steckt noch in den Kinderschuhen.
- Was dieses JSON-Tutorial-Handbuch behandeltDieses JSON-Tutorial deckt alle grundlegenden und fortgeschrittenen Kenntnisse von JSON ab, einschließlich JSON-Format, JSON-Parsing, JSON-Traversal, JSON-Aufruf, JSON Konvertierung, JSON-Erfassung, JSON-String, JSON-Array usw.
Jedes Kapitel dieses Tutorials enthält viele JSON-Beispiele. Sie können direkt auf die Schaltfläche „Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, JSON besser zu verstehen und zu verwenden.
Neuestes Kapitel
Ähnliche Kurse
- Kurze Einführung in die Web-Frontend-Entwicklung 2021-12-10
- Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Erste Schritte-Video-Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3-Video-Tutorial 2022-04-20
- Grundlegendes Beispiel-Video-Tutorial für die AngularJS-Entwicklungswebanwendung 2022-04-18
- Ajax-Vollkontakt 2022-04-13
- Grundlegendes Video-Tutorial zum MUI-Framework 2022-04-13
- Online-Schulung, Probestunde 2019-01-10
-
Wissenserweiterung
-
Tutorial-Navigation