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 anglais complet JSON Notation d'objet JavaScript
JSON est un format léger d'échange de données.
JSON est un langage indépendant *
JSON est facile à comprendre.
Astuce?: JSON utilise la syntaxe JavaScript, mais le format JSON n'est que du texte.
Le texte peut être lu par n'importe quel langage de programmation et transmis sous forme de format de données.
La syntaxe JSON suivante définit l'objet employés?: Tableau de 3 enregistrements d'employés (objets)?:
{"employés":[
{"firstName": "John", "lastName": "Doe"},
{"firstName": "Anna", "lastName": "Smith"},
{"firstName": "Peter ", "lastName":"Jones"}
]}
JSON est formaté en tant qu'objet JavaScript
Le format JSON est syntaxiquement identique à la création de code objet 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
Les données JSON sont formatées sous forme de paires clé/valeur, tout comme les propriétés des objets 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?:
"employees":[
{"firstName": "John", "lastName": "Doe" } ,
{"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 salarié (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.
Tout d'abord, créez une cha?ne JavaScript. La cha?ne est une donnée au format JSON?:
<. ??>var text = '{ "employés" : [' +Ensuite, utilisez le La fonction JavaScript intégrée JSON. parse() convertit une cha?ne en un objet JavaScript?:var obj = JSON.parse(text);'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName" :"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Enfin, utilisez le nouvel objet JavaScript dans votre page?:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<h2>為 JSON 字符串創(chuàng)建對象</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écutez le programme pour l'essayer
Fonctions associées
| 函數(shù) | 描述 |
|---|---|
| JSON.parse() | 用于將一個 JSON 字符串轉(zhuǎn)換為 JavaScript 對象。 |
| JSON.stringify() | 用于將 JavaScript 值轉(zhuǎn)換為 JSON 字符串。 |
