JSON JavaScript

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> 

Prova direttamente

Puoi provarli direttamente sui nostri Corso JSON Leggi di più su JSON qui.