Forum | Gli ultimi tutorial di sviluppo web
 

JSON lezione

JSON: JavaScript Object Notation.

JSON è una sintassi per l'archiviazione e lo scambio di dati.

JSON è un'alternativa più facile da usare in XML.


Il seguente esempio JSON definisce un oggetto dipendenti, con una serie di 3 record dei dipendenti:

JSON Esempio

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

Il seguente esempio XML definisce anche un oggetto dipendenti con 3 record dei dipendenti:

XML Esempio

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

Cosa è JSON?

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

* JSON utilizza la sintassi JavaScript, ma il formato JSON è solo testo, proprio come XML.
Il testo può essere letto ed utilizzato come formato di dati da qualsiasi linguaggio di programmazione.


JSON - Valuta di oggetti JavaScript

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

A causa di questa somiglianza, invece di utilizzare un parser (come XML fa), un programma JavaScript può utilizzare le funzioni standard di JavaScript per convertire i dati JSON in oggetti nativi JavaScript.


Prova tu stesso

Con il nostro editor, è possibile modificare il codice JavaScript in linea e fare clic su un pulsante per visualizzare il risultato:

JSON Esempio

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Prova tu stesso "

Proprio come XML Perché

  • Sia JSON e XML sono "auto che descrive" (leggibile)
  • Sia JSON e XML sono gerarchici (valori entro i valori)
  • Sia JSON e XML possono essere analizzati e utilizzati da un sacco di linguaggi di programmazione
  • Sia JSON e XML possono essere recuperati con un XMLHttpRequest

Molto A differenza di XML Perché

  • JSON non fa uso di tag di chiusura
  • JSON è più breve
  • JSON è più veloce a leggere e scrivere
  • JSON può usare array

La differenza più grande è:

XML deve essere analizzato con un parser XML. JSON può essere analizzato da una funzione JavaScript standard.


Perché JSON?

Per le applicazioni AJAX, JSON è più veloce e più facile di XML:

Utilizzo di XML

  • Fetch un documento XML
  • Utilizzare il DOM XML per scorrere il documento
  • valori estrarre e memorizzare nelle variabili

utilizzando JSON

  • Fetch una stringa JSON
  • JSON.parse la stringa JSON