Un uso comune di JSON è quello di leggere i dati da un server web, e visualizzare i dati in una pagina web.
Per semplicità, questo può essere dimostrata utilizzando una stringa come input (anziché un file).
JSON Esempio - Oggetto da STRING
Creare una stringa JavaScript contenente la sintassi JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';sintassi JSON è un sottoinsieme della sintassi JavaScript.
La funzione JavaScript JSON.parse( text ) può essere utilizzato per convertire un testo JSON in un oggetto JavaScript:
var obj = JSON.parse(text);Utilizzare il nuovo oggetto JavaScript nella tua pagina:
Esempio
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName
+ " " + obj.employees[1].lastName;
</script> Prova tu stesso " Utilizzando eval()
I vecchi browser senza il supporto per la funzione JavaScript JSON.parse() possono utilizzare il eval() funzione per convertire un testo JSON in un oggetto JavaScript:
Il eval() funzione può compilare ed eseguire qualsiasi JavaScript.
Questo rappresenta un potenziale problema di sicurezza. Cercate di evitare di esso.
E 'più sicuro usare un parser JSON per convertire un testo JSON in un oggetto JavaScript.
Un parser JSON riconoscerà solo il testo JSON e non compilare gli script.
Nei browser che forniscono il supporto nativo JSON, parser JSON sono anche più veloce.
Supporto nativo JSON è incluso in tutti i principali browser e il più recente standard ECMAScript (JavaScript):
| Browser Web Support |
|---|
|
Per i browser meno recenti, una libreria JavaScript è disponibile presso https://github.com/douglascrockford/JSON-js .
Il formato JSON è stato originariamente specificato da Douglas Crockford .