Gli ultimi tutorial di sviluppo web
 

JavaScript JSON


JSON è un formato per la memorizzazione e trasporto dei dati.

JSON è spesso utilizzato quando i dati vengono inviati da un server a una pagina web.


Cosa è JSON?

  • JSON l'acronimo di JavaScript Object Notation
  • JSON è formato di interscambio di dati leggero
  • JSON è indipendente dalla lingua *
  • JSON è "auto-descrive" e facile da capire

* La sintassi JSON è derivato da Syntax Notation oggetto JavaScript, ma il formato JSON è solo testo. Codice per la lettura e la generazione di dati JSON può essere scritto in qualsiasi linguaggio di programmazione.


JSON Esempio

Questa sintassi JSON definisce un oggetto dipendenti: una serie di 3 record dei dipendenti (oggetti):

JSON Esempio

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

Il formato JSON Valuta di oggetti JavaScript

Il formato JSON è sintatticamente identico al codice per la creazione di oggetti JavaScript.

A causa di questa somiglianza, un programma JavaScript può facilmente convertire i dati JSON in oggetti nativi JavaScript.


Regole di sintassi JSON

  • I dati si trovano nomi di coppie / valore
  • I dati sono separati da virgole
  • parentesi graffe contenere oggetti
  • Le parentesi quadre tengono array

JSON dati - Un nome e un valore

dati JSON è scritto come coppie nome / valore, proprio come le proprietà degli oggetti JavaScript.

Una coppia nome / valore è costituito da un nome di campo (tra virgolette), seguito da due punti, seguito da un valore:

"firstName":"John"

I nomi JSON richiedono doppi apici. I nomi JavaScript non lo fanno.


JSON oggetti

oggetti JSON sono scritte all'interno delle parentesi graffe.

Proprio come in JavaScript, gli oggetti possono contenere più coppie nome / valore:

{"firstName":"John", "lastName":"Doe"}

JSON Array

array JSON sono scritti all'interno di 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 di cui sopra, l'oggetto "employees" è un array. Esso contiene tre oggetti.

Ogni oggetto è un record di una persona (con un nome e un cognome).


Conversione di un JSON testo a un oggetto JavaScript

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 dimostrato utilizzando una stringa come input (o leggere più nella nostra esercitazione JSON ):

In primo luogo, creare una stringa JavaScript contenente la sintassi JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Quindi, utilizzare il JavaScript funzione built-in JSON.parse() per convertire la stringa in un oggetto JavaScript:

var obj = JSON.parse(text);

Infine, 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 "

Si può leggere di più su JSON nel nostro tutorial di JSON .