Introduzione a JSON

JSON: JavaScript Object Notation (metodo JavaScript Object Notation).

JSON è una sintassi per memorizzare e scambiare dati.

JSON è testuale e scritto secondo lo standard delle etichette degli oggetti JavaScript.

Scambio dei dati

Quando i dati vengono scambiati tra il browser e il server, questi devono essere sempre testuali.

JSON è testuale e possiamo trasformare qualsiasi oggetto JavaScript in JSON per poi inviarlo al server.

Possiamo anche trasformare qualsiasi JSON ricevuto dal server in un oggetto JavaScript.

In questo modo, possiamo gestire i dati come oggetti JavaScript senza dover effettuare complessi analisi e traduzioni.

Invio dei dati

Se i tuoi dati sono memorizzati come oggetti JavaScript, puoi trasformare quell'oggetto in JSON e inviarlo al server.

Esempio

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Prova personalmente

Più tardi nel tutorial imparerai di più su JSON.stringify() Conoscenza delle funzioni.

Ricezione dei dati

Se ricevi dati in formato JSON, puoi trasformarli in un oggetto JavaScript:

Esempio

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Prova personalmente

Più tardi nel tutorial imparerai di più su JSON.parse() Conoscenza delle funzioni.

Memorizzazione dei dati

Quando si memorizzano dati, devono essere in un formato specifico e, indipendentemente da dove si sceglie di memorizzarli, il testo è sempre uno dei formati validi.

JSON rende possibile memorizzare oggetti JavaScript come testo.

Esempio

I dati vengono memorizzati nella memoria locale

//Memorizzazione dei dati：
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Ricezione dei dati：
text = localStorage.getItem("testJSON");
obj =  JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Prova personalmente

Cos'è JSON?

  • JSON sta per JavaScript Object Notation（JavaScript Object Notation）
  • JSON è un formato leggero per lo scambio di dati
  • JSON è descrittivo e facile da comprendere
  • JSON è indipendente dal linguaggio*

*

JSON utilizza la sintassi di JavaScript, ma il formato JSON è testo puro.

Il testo può essere letto e utilizzato come dati da qualsiasi linguaggio di programmazione.

Il formato JSON è stato proposto originariamente da Douglas Crockford.

Perché utilizzare JSON?

Poiché il formato JSON è solo testo, può essere trasportato facilmente tra server e browser e utilizzato come formato di dati per qualsiasi linguaggio di programmazione.

JavaScript fornisce funzioni integrate per convertire una stringa scritta in JSON in un oggetto JavaScript nativo:

JSON.parse()

Quindi, se ricevi dati in formato JSON dal server, puoi usarlo come qualsiasi altro oggetto JavaScript.