Cos'è JSON?
JSON sta per Java S script O bject N otation
JSON è un formato leggero per l'archiviazione e il trasporto di dati
JSON viene spesso utilizzato quando i dati vengono inviati da un server a una pagina Web
JSON è "autodescrittivo" e facile da capire
Esempio JSON
Questo esempio definisce un oggetto dipendenti: un array di 3 record dipendenti (oggetti):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Regole della sintassi JSON
- I dati sono in coppie nome/valore
- I dati sono separati da virgole
- Le parentesi graffe tengono gli oggetti
- Le parentesi quadre contengono gli array
Notazione oggetto JavaScript
Il formato JSON è sintatticamente identico al codice per la creazione di oggetti JavaScript.
A causa di questa somiglianza, un programma JavaScript può convertire facilmente i dati JSON in oggetti JavaScript nativi.
La sintassi JSON è derivata dalla sintassi della notazione dell'oggetto JavaScript, ma il formato JSON è solo testo. Il codice per la lettura e la generazione di dati JSON può essere scritto in qualsiasi linguaggio di programmazione.
Dati JSON: un nome e un valore
I dati JSON vengono scritti come coppie nome/valore, proprio come le proprietà dell'oggetto JavaScript.
Una coppia nome/valore è costituita da un nome di campo (tra virgolette), seguito da due punti, seguito da un valore:
"firstName":"John"
I nomi JSON richiedono virgolette doppie. I nomi JavaScript no.
Oggetti JSON
Gli oggetti JSON sono scritti tra parentesi graffe.
Proprio come in JavaScript, gli oggetti possono contenere più coppie nome/valore:
{"firstName":"John", "lastName":"Doe"}
Matrici JSON
Gli array JSON sono scritti tra parentesi quadre.
Proprio come in JavaScript, un array può contenere oggetti:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Nell'esempio sopra, l'oggetto "employees" è un array. Contiene tre oggetti.
Ogni oggetto è un record di una persona (con un nome e un cognome).
Conversione di un testo JSON in un oggetto JavaScript
Un uso comune di JSON è leggere i dati da un server Web e visualizzare i dati in una pagina Web.
Per semplicità, questo può essere dimostrato usando una stringa come input.
Innanzitutto, crea una stringa JavaScript contenente la sintassi JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Quindi, usa la funzione incorporata JavaScript JSON.parse() per convertire la stringa in un oggetto JavaScript:
var obj = JSON.parse(text);
Infine, usa 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>
Tutorial JSON completo
Questa è stata una breve descrizione di JSON.
Per un tutorial JSON completo, vai a Tutorial JSON di W3Schools .