JSON - Introduction
Exemples en ligne
Avec notre éditeur, vous pouvez modifier du code JavaScript en ligne, puis cliquer sur un bouton pour voir le résultat :
Exemples JSON
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
</head>
<body>
<h2>JavaScript : création d'objets JSON</h2>
<p>Nom du site :<span id="jname"></span><br />Adresse du site :<span id="jurl"></span><br />Slogan du site :<span id="jslogan"></span><br />
</p>
<script>
var JSONObject= {
"name":"Tutoriel d'exemple",
"url":"www.example.com",
"slogan":"Apprenez non seulement la technologie, mais aussi les rêves !"
};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jurl").innerHTML=JSONObject.url
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
</body>
</html>
Essayez-le vous-même »
Cliquez sur le bouton « Essayez-le vous-même » pour voir l'exemple en ligne.
Similitudes avec XML
- JSON est du texte brut
- JSON est "auto-descriptif" (lisible par l'homme)
- JSON possède une structure hiérarchique (valeurs imbriquées)
- JSON peut être analysé par JavaScript
- Les données JSON peuvent être transmises avec AJAX
Différences avec XML
- Pas de balises de fin
- Plus court
- Plus rapide à lire et à écrire
- Peut être analysé à l'aide de la méthode eval() intégrée à JavaScript
- Utilise des tableaux
- N'utilise pas de mots réservés
Pourquoi utiliser JSON ?
Pour les applications AJAX, JSON est plus rapide et plus facile à utiliser que XML :
Utilisation de XML
- Lire le document XML
- Utiliser XML DOM pour parcourir le document
- Lire les valeurs et les stocker dans des variables
Utilisation de JSON
- Lire la chaîne JSON
- Traiter la chaîne JSON avec eval()