Latest web development tutorials

JSON Verwendung

Der JSON Text wird in JavaScript-Objekte umgewandelt

Einer der häufigsten Verwendung von JSON, wird von den Web-Server JSON-Daten (als Datei oder als ein Httprequest) zu lesen, die JSON-Daten in JavaScript-Objekte, und dann diese Daten in einer Webseite verwenden.

Um es einfacher für Sie zu erklären, die wir verwenden String als Input für die Präsentation (statt einer Datei).

JSON-Instanz - das Objekt aus dem String

Erstellen Sie einen JavaScript-String mit der JSON-Syntax:

var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Da JSON-Syntax kann eine Teilmenge von JavaScript-Syntax, JavaScript Funktion eval () verwendet werden, ist, den Text zu JSON JavaScript-Objekt zu konvertieren.

eval () Funktion verwendet JavaScript-Compiler kann JSON Text analysieren und dann JavaScript-Objekte erzeugen. Der Text muss in Klammern eingeschlossen werden, um Syntaxfehler zu vermeiden:

var obj = eval ("(" + txt + ")");

Mit Hilfe von JavaScript-Objekte auf der Seite:

Beispiele

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

Versuchen »

JSON-Parser

Lampe Funktion eval () kann eine beliebige JavaScript-Code zu kompilieren und auszuführen. Dies birgt ein potenzielles Sicherheitsproblem.

Mit JSON-Parser JSON JavaScript-Objekt zu konvertieren ist ein sicherer Ansatz. JSON JSON Text Parser erkennt nur, aber nicht das Skript kompilieren.

Im Browser, der nativen JSON-Unterstützung, JSON-Parser und schneller zur Verfügung stellt.

Neuere Browser und die neuesten ECMAScript (JavaScript) Standard enthält native Unterstützung für JSON ist.

Web 浏览器支持 Web 软件支持
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

Versuchen »

Für ältere Browser JavaScript - Bibliotheken verwenden können: https://github.com/douglascrockford/JSON-js

JSON - Format wurde ursprünglich entwickelt , die ursprünglich von Douglas Crockford angegeben