Latest web development tutorials

uso JSON

Il testo JSON viene convertito in oggetti JavaScript

Uno dei l'uso più comune di JSON, viene letto dai dati web server JSON (come un file o come un HttpRequest), i dati JSON in oggetti JavaScript e quindi utilizzare tali dati in una pagina Web.

Per rendere più facile per voi a spiegare, usiamo stringa come input per la presentazione (piuttosto che un file).


esempio JSON - l'oggetto dalla stringa

Creare una stringa JavaScript contenente la sintassi JSON:

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

Dal momento che la sintassi JSON è un sottoinsieme della sintassi JavaScript, funzione eval () di JavaScript può essere utilizzato per convertire il testo in oggetto JSON JavaScript.

funzione eval () utilizza il compilatore JavaScript in grado di analizzare il testo JSON, e quindi generare oggetti JavaScript. Il testo deve essere racchiuso tra parentesi, in modo da evitare errori di sintassi:

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

Utilizzando oggetti JavaScript nella pagina:

Esempi

<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>

Prova »

JSON parser

lampada funzione eval () può compilare ed eseguire qualsiasi codice JavaScript. Questo nasconde un potenziale problema di sicurezza.

Utilizzando JSON parser per convertire oggetto JSON JavaScript è un approccio più sicuro. JSON JSON testo parser riconosce solo, ma non compilare lo script.

Nel browser, che fornisce il supporto nativo JSON, parser JSON e più veloce.

browser più recenti e il più recente standard ECMAScript (JavaScript) contiene il supporto nativo per JSON è.

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

Prova »

Per i browser meno recenti possono utilizzare librerie JavaScript: https://github.com/douglascrockford/JSON-js

formato JSON è stato originariamente sviluppato originariamente specificato da Douglas Crockford