Eine gemeinsame Nutzung von JSON ist, Daten von einem Webserver zu lesen und die Daten in einer Webseite angezeigt werden soll.
Der Einfachheit halber kann dies durch Verwendung einer Zeichenfolge als Eingabe nachgewiesen werden (anstelle einer Datei).
JSON Beispiel - Objekt aus String
Erstellen Sie einen JavaScript-String mit JSON-Syntax:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';JSON-Syntax ist eine Teilmenge von JavaScript-Syntax.
Die JavaScript - Funktion JSON.parse( text ) kann verwendet werden , um einen JSON Text in ein JavaScript - Objekt zu konvertieren:
var obj = JSON.parse(text);Verwenden Sie die neue JavaScript-Objekt in Ihre Seite ein:
Beispiel
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName
+ " " + obj.employees[1].lastName;
</script> Versuch es selber " Mit eval()
Ältere Browser ohne Unterstützung für die JavaScript - Funktion JSON.parse() kann die Verwendung eval() Funktion ein JSON - Text in ein JavaScript - Objekt zu konvertieren:
Die eval() Funktion kann eine beliebige JavaScript kompilieren und ausführen.
Dies stellt ein potenzielles Sicherheitsproblem. Versuchen Sie es zu vermeiden.
Es ist sicherer, ein JSON-Parser verwenden, um einen JSON Text in ein JavaScript-Objekt zu konvertieren.
Ein JSON-Parser nur JSON Text erkennen und keine Skripts erstellen.
In Browsern, die native JSON-Unterstützung bieten, sind JSON-Parser auch schneller.
Native JSON-Unterstützung ist in allen gängigen Browsern und in der neuesten ECMAScript (JavaScript) Standard enthalten:
| Web-Browser-Support |
|---|
|
Für ältere Browser, ist eine JavaScript - Bibliothek verfügbar https://github.com/douglascrockford/JSON-js .
Das JSON - Format wurde ursprünglich von spezifizierten Douglas Crockford .