Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie JSON

jacklove
Freigeben: 2018-05-08 09:35:47
Original
1982 Leute haben es durchsucht

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" } ]}';
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage