JavaScriptJSON


JSON est un format utilisé pour stocker et transmettre des données.

JSON est généralement utilisé par le serveur pour transférer des données vers des pages Web.

Qu'est-ce que JSON ?

  • Nom complet JSON en anglaisJavaSscript O objet Notation

  • JSON est un format d'échange de données léger.

  • JSON est un langage indépendant *

  • JSON est facile à comprendre.


Note* JSON utilise la syntaxe JavaScript, mais le format JSON c'est seulement un texte.
Note* JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。
文本可以被任何编程语言读取及作为数据格式传递。
Le texte peut être lu par n'importe quel langage de programmation et transmis sous forme de format de données.

Exemple JSON

La syntaxe JSON suivante définit l'objet employés : Tableau de 3 enregistrements d'employés (objets) :

Exemple JSON

{"employés" :[
{"firstName": "John", "lastName": "Doe"},
{"firstName": "Anna", "lastName": "Smith"},
{"firstName ":"Peter", "lastName":"Jones"}
]}


JSON est formaté comme un objet JavaScript

Le format JSON est syntaxiquement identique au code qui crée les objets JavaScript.

Parce qu'ils sont similaires, les programmes JavaScript peuvent facilement convertir les données JSON en objets JavaScript.

Règles de syntaxe JSON

  • Les données sont des paires clé/valeur.

  • Les données sont séparées par des virgules.

  • Les accolades enregistrent l'objet

  • Les crochets enregistrent le tableau

Données JSON - Un nom correspond à une valeur

Le format de données JSON est une paire clé/valeur, tout comme une propriété d'objet JavaScript.

Une paire clé/valeur est constituée du nom du champ (entre guillemets doubles), suivi de deux points, puis de la valeur :

"firstName": "John"


Objet JSON

L'objet JSON est stocké entre accolades.

Tout comme en JavaScript, les objets peuvent contenir plusieurs paires clé/valeur :

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


Tableau JSON

Le tableau JSON est stocké entre crochets.

Tout comme en JavaScript, les tableaux peuvent contenir des objets :

"employés":[
{"firstName": "Jean", "lastName": "Biche"},
{"firstName": "Anna", "lastName": "Smith"},
{"firstName": "Peter", "lastName": "Jones"}
]

Dans l'exemple ci-dessus, l'objet « employés » est un tableau. Contient trois objets.

Chaque objet est un enregistrement d'un employé (nom et prénom).

Convertir la chaîne JSON en objet JavaScript

Habituellement, nous lisons les données JSON du serveur et affichons les données dans la page Web.

Par souci de simplicité, nous définissons la chaîne JSON directement dans notre page web (vous pouvez également lire notre tutoriel JSON) :

Tout d'abord, créez une chaîne JavaScript, qui est une donnée en JSON format :

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

Ensuite, utilisez la fonction JavaScript intégrée JSON.parse() pour convertir la chaîne en un objet JavaScript :

var obj = JSON.parse(text);

Enfin, utilisez le nouvel objet JavaScript dans votre page :

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h2>为 JSON 字符串创建对象</h2>
<p id="demo"></p>
<script>
var text = '{"employees":[' +
	'{"firstName":"John","lastName":"Doe" },' +
	'{"firstName":"Anna","lastName":"Smith" },' +
	'{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
	obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Fonctions associées

函数描述
JSON.parse()用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify()用于将 JavaScript 值转换为 JSON 字符串。

Pour plus d'informations sur JSON, vous pouvez lire notre tutoriel JSON.