Introduction à JSON

JSON : JavaScript Object Notation (JavaScript Object Notation).

JSON est une syntaxe pour stocker et échanger des données.

JSON est écrit en utilisant la syntaxe des balises de marqueur de l'objet JavaScript.

Échange de données

Lorsque les données sont échangées entre le navigateur et le serveur, ces données doivent être du texte.

JSON est un texte et nous pouvons convertir n'importe quel objet JavaScript en JSON, puis l'envoyer au serveur.

Nous pouvons également convertir tout JSON reçu du serveur en objet JavaScript.

De cette manière, nous pouvons traiter les données comme des objets JavaScript sans avoir besoin de parsing et de traduction complexes.

Envoyer des données

Si vos données sont stockées dans un objet JavaScript, vous pouvez convertir cet objet en JSON et l'envoyer au serveur.

Exemple

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

Essayez-le vous-même

Vous apprendrez plus à ce sujet dans les chapitres ultérieurs de ce tutoriel. JSON.stringify() connaissances des fonctions.

Recevoir des données

Si vous recevez des données au format JSON, vous pouvez les convertir en objet JavaScript :

Exemple

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

Essayez-le vous-même

Vous apprendrez plus à ce sujet dans les chapitres ultérieurs de ce tutoriel. JSON.parse() connaissances des fonctions.

Stockage des données

Lorsque vous stockez des données, elles doivent être dans un format spécifique, et peu importe où vous les stockez, le texte est toujours un format légitime.

JSON rend possible la conversion des objets JavaScript en texte.

Exemple

Stockez les données dans le stockage local

//Stockage des données :
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Recevoir des données :
text = localStorage.getItem("testJSON");
obj =  JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Essayez-le vous-même

Qu'est-ce que JSON ?

  • JSON signifie JavaScript Object Notation（JavaScript Object Notation）
  • Le format JSON est un format léger pour l'échange de données
  • Le format JSON est auto-descriptif et facile à comprendre
  • JSON est indépendant des langages *

*

Le format JSON utilise la syntaxe JavaScript, mais le format JSON est un texte pur.

Le texte peut être lu et utilisé comme données par n'importe quel langage de programmation.

Le format JSON a été proposé pour la première fois par Douglas Crockford.

Pourquoi utiliser JSON ?

Comme le format JSON n'est qu'un texte, il peut être facilement transféré entre le serveur et le navigateur et utilisé comme format de données pour n'importe quel langage de programmation.

JavaScript fournit des fonctions intégrées pour convertir une chaîne écrite au format JSON en objet natif JavaScript :

JSON.parse()

Par conséquent, si vous recevez des données au format JSON du serveur, vous pouvez l'utiliser comme n'importe quel autre objet JavaScript.