JavaScript JSON
JSON è un formato per l'archiviazione e il trasporto di dati.
JSON viene spesso utilizzato quando i dati vengono inviati da un server a una pagina Web.
Cos'è JSON?
- JSON sta per Java S script O bject N otation
- JSON è un formato di scambio di dati leggero
- JSON è indipendente dalla lingua *
- JSON è "autodescrittivo" e facile da capire
* 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.
Esempio JSON
Questa sintassi JSON definisce un oggetto dipendenti: una matrice di 3 record dipendenti (oggetti):
Esempio JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Il formato JSON valuta in oggetti 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.
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
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:
let 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:
const 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>
Puoi leggere di più su JSON nel nostro tutorial JSON .