JSON JavaScript
- Pagina precedente Modulo JS
- Pagina successiva Debugging JS
JSON è un formato per la memorizzazione e la trasmissione dei dati.
JSON viene spesso utilizzato quando i dati vengono inviati dal server alla pagina web.
Cos'è JSON?
- JSON si riferisce a JavaScripto Ooggetto Notation
- Il JSON è un formato leggero per lo scambio di dati
- Il JSON è indipendente dal linguaggio *
- Il JSON è "descrittivo" e facile da comprendere
* La sintassi JSON deriva dalla sintassi degli oggetti JavaScript, ma il formato JSON è testo puro. Il codice per leggere e generare dati JSON può essere scritto in qualsiasi linguaggio di programmazione.
Esempio JSON
La sintassi JSON definisce un oggetto dipendente: un array (oggetto) che contiene tre registrazioni di dipendenti:
Esempio JSON
{ "employees":[ {"firstName":"Bill", "lastName":"Gates"}, {"firstName":"Steve", "lastName":"Jobs"}, {"firstName":"Alan", "lastName":"Turing"} ] }
Il formato JSON viene valutato come oggetto JavaScript
Il formato JSON è grammaticalmente lo stesso del codice per creare oggetti JavaScript.
Grazie a questa somiglianza, i programmi JavaScript possono facilmente convertire i dati JSON in oggetti JavaScript locali.
Regole di sintassi JSON
- I dati sono nomina/valore
- I dati sono separati da virgole
- Le parentesi graffe conservano l'oggetto
- Le parentesi quadre conservano l'array
Dati JSON - Nomina e Valore
Il formato dei dati JSON è simile alle proprietà degli oggetti JavaScript.
Le coppie nome/valore sono costituite dal nome del campo (racchiuso in virgolette doppi), seguito da due punti, e poi il valore:
"firstName":"Bill"
I nomi JSON devono essere racchiusi in virgolette doppi. I nomi JavaScript non necessitano di virgolette.
Oggetto JSON
Gli oggetti JSON sono scritti tra parentesi graffe.
Come JavaScript, gli oggetti possono contenere più coppie nome/valore:
{"firstName":"Bill", "lastName":"Gates"}
Array JSON
Gli array JSON sono scritti tra parentesi quadre.
Come JavaScript, gli array possono contenere oggetti:
"employees":[ {"firstName":"Bill", "lastName":"Gates"}, {"firstName":"Steve", "lastName":"Jobs"}, {"firstName":"Alan", "lastName":"Turing"} ]
Nell'esempio sopra, l'oggetto "employees" è un array. Contiene tre oggetti.
Ogni oggetto rappresenta una registrazione di una persona (con nome e cognome).
Convertire il testo JSON in oggetto JavaScript
L'uso comune del JSON è leggere dati da un server web e poi visualizzare i dati nella pagina web.
Per semplificare, si può utilizzare una stringa come esempio di input.
Prima cosa, crea una stringa JavaScript che utilizza la sintassi JSON:
var text = '{ "employees" : [ '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"Steve" , "lastName":"Jobs" },' + '{ "firstName":"Alan" , "lastName":"Turing" } ]}';
Poi, usa la funzione integrata JSON.parse() di JavaScript per convertire questa stringa in un oggetto JavaScript:
var obj = JSON.parse(text);
Infine, utilizza questo 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>
Puoi provarli direttamente sui nostri Corso JSON Leggi di più su JSON qui.
- Pagina precedente Modulo JS
- Pagina successiva Debugging JS