Introduzione JSON

JSON: JavaScript Object Notation (metodo di marcatura degli oggetti JavaScript).

JSON è una sintassi per memorizzare e scambiare dati.

JSON è testo scritto con la notazione di oggetti JavaScript.

Scambio dei dati

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

JSON è testo 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 analisi e traduzioni complesse.

Invio dei dati

Se i tuoi dati sono archiviati 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;

Provatelo 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;

Provatelo personalmente

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

Archiviazione dei dati

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

JSON rende possibile per JavaScript memorizzare oggetti come testo.

Esempio

I dati vengono archiviati nella memoria locale

//Archiviazione 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;

Provatelo 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 è testuale.

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

Il formato JSON è stato proposto originariamente da Douglas Crockford.

Perché usare JSON?

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

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

JSON.parse()

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