Heim > Artikel > Web-Frontend > So verwenden Sie JSON
Die Verwendung von JSON ist für js sehr wichtig. In diesem Artikel wird die Verwendung von JSON erläutert.
JSON-Text in JavaScript konvertieren Objekt
Eine der häufigsten Anwendungen von JSON ist das Lesen von JSON-Daten von einem Webserver (als Datei). oder als HttpRequest), konvertieren Sie die JSON-Daten in ein JavaScript-Objekt und verwenden Sie die Daten dann auf der Webseite.
Um es für Sie einfacher zu erklären, verwenden wir Strings als Eingabe für die Demonstration (anstelle von Dateien).
JSON-Instanz – ein Objekt aus einer Zeichenfolge
Erstellen Sie eine JavaScript-Zeichenfolge mit JSON-Syntax:
var txt = '{ "employees" : [' + '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"George" , "lastName":"Bush" },' + '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
Da die JSON-Syntax eine Teilmenge der JavaScript-Syntax ist, ist JavaScript The Mit der Funktion eval() kann JSON-Text in ein JavaScript-Objekt konvertiert werden. Die Funktion
eval() verwendet den JavaScript-Compiler, um JSON-Text zu analysieren und dann JavaScript-Objekte zu generieren. Text muss in Klammern eingeschlossen werden, um Syntaxfehler zu vermeiden:
var obj = eval ("(" + txt + ")");
Verwenden Sie JavaScript Objekte in Webseiten:
Beispiele
<p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript"> document.getElementById("fname").innerHTML = obj.employees[1].firstName document.getElementById("lname").innerHTML = obj.employees[1].lastName </script>
Dieser Artikel enthält relevante Erklärungen zur Verwendung von JSON. Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
Verstehen Sie die relevante Syntax von JSON
Vorläufiges Verständnis von JSON
Erfahren Sie mehr über PHP-Filter
Das obige ist der detaillierte Inhalt vonSo verwenden Sie JSON. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!