Introductie

Een voorbeeld:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>JSON</title>
</head>
<body>
  <h2>JSON Object Creatie in JavaScript</h2>
  <p>Naam: <span id="jnaam"></span><br />
    Leeftijd: <span id="jleeftijd"></span><br />
    Adres: <span id="jadres"></span><br />
    Telefoon: <span id="jtelefoon"></span><br />
  </p>
  <script type="text/javascript">
    var JSONObject = {
      "naam":"Johan Den Doven",
      "adres":"Arsenaalstraat 4, 8000 Brugge",
      "leeftijd":33,
      "telefoon":"050 33 76 69"};
    document.getElementById("jnaam").innerHTML = JSONObject.naam;
    document.getElementById("jleeftijd").innerHTML = JSONObject.leeftijd;
    document.getElementById("jadres").innerHTML = JSONObject.adres;
    document.getElementById("jtelefoon").innerHTML = JSONObject.telefoon;
  </script>
</body>
</html>

Juist zoals XML

JSON is pure tekst
JSON is zelfbeschrijvend (eenvoudig te lezen)
JSON is hiërarchisch opgebouwd (waarden binnen waarden)
JSON kan door JavaScript verwerkt worden
JSON gegevens kunnen met behulp van AJAX uitgewisseld worden

Niet zoals XML

Gebruikt geen afsluitende tag
compacter
sneller te lezen en te schrijven
kan verwerkt worden door de ingebouwde eval() functie
gebruikt arrays
geen gereserveerde woorden

Waarom JSON gebruiken?

Bij AJAX toepassingen is JSON sneller en eenvoudiger dan XML:

Bij XML

Het XML document ophalen
Doorloop het document op zoek naar onderdelen (XML DOM)
Sla de gevonden waarden op in variabelen.

Bij JSON

De JSON tekenreeks ophalen
eval() de JSON tekenreeks.