Fördelarna med JSON kontra XML är att det är kompakt, lätt att navigera i och man får automatiskt rätt datatyp på enklare objekt som Boolean, Number, Object, Array och String.

JSON läses in som en lång sträng med hjälp av exempelvis URLLoader, strängen måste serialiseras för att kunna användas och det finns några olika tredjepartsbibliotek för detta. Fram till Flash Player 10.3 fanns det inte inbyggd, men det kommer att komma i en uppdatering av 10.3 lite längre fram då det funnits i inkubatorn sedan mitten av maj. Denna inbyggda parser är upp till tio gånger snabbare än vissa tredjepartsbibliotek, så Adobe har verkligen jobbat på att få till en bra inbyggd parser.

Det finns några olika valideringsverktyg på nätet, jag brukar använda "JSON Formatter & Validator" http://bit.ly/lZNSJj, som är riktigt bra och ger en tydlig bild på vad som är fel i datastrukturen.

Exempel

Jag har slängt ihop lite exempeldata för att jämföra JSON och XML. Här visas det tydligt på hur kompakt JSON data är jämfört med XML. Jag har använt olika datatyper för att visa hur enkelt det är att typa objekt redan i JSON datan.

[
      {
           "name" : "Patric Jonsson",
           "ocupation" : "Flash platform developer",
           "workstations" : ["HP Z400", "MSI Windtop AE2220-274US", "HP G62-b30EO"],
           "mobiledevices" : ["iPad", "iPhone 3G", "iPhone 4", "Nexus One", "Samsung Galaxy Tab"],
           "tools" : [
                {
                     "manefacturer" : "Adobe",
                     "applications" : ["Adobe CS 5.5 Master Collection"]
                },
                {
                     "manefacturer" : "Powerflasher",
                     "applications" : ["FDT 4"]
                },
                {
                     "manefacturer" : "Flashdevelop",
                     "applications" : ["FlashDevelop 3.3.4", "FlashDevelop 4 Beta"]
                }
           ],
           "age" : 34,
           "length" : 182.5,
           "isLeftHanded" : false
      },
      {
           "name" : "Mikael Palm",
           "ocupation" : "Flash platform developer",
           "workstations" : ["Apple MacBook Pro"],
           "mobiledevices" : ["iPad", "iPhone 4", "Nexus One", "BlackBerry PlayBook"],
           "tools" : [
                {
                     "manefacturer" : "Adobe",
                     "applications" : ["Adobe CS 5.5 Master Collection"]
                },
                {
                     "manefacturer" : "Powerflasher",
                     "applications" : ["FDT 4"]
                }
           ],
           "age" : 33,
           "length" : 176,
           "isLeftHanded" : true
      }
 ]

XML

<developers>
     <developer>
          <name>Patric Jonsson</name>
          <ocupation>Flash platform devloper</ocupation>
          <workstations>
               <workstation>HP Z400</workstation>
               <workstation>MSI Windtop AE2220-274US</workstation>
               <workstation>HP G62-b30EO</workstation>
          </workstations>
          <mobiledevices>
               <mobiledevice>iPad</mobiledevice>
               <mobiledevice>iPhone 3G</mobiledevice>
               <mobiledevice>iPhone 4</mobiledevice>
               <mobiledevice>Nexus One</mobiledevice>
               <mobiledevice>Samsung Galaxy Tab</mobiledevice>
          </mobiledevices>
          <tools>
               <applications manefacturer="Adobe">
                    <application>Adobe CS 5.5 Master Collection</application>
               </applications>
               <applications manefacturer="Powerflasher">
                    <application>FDT 4</application>
               </applications>
               <applications manefacturer="FlashDevelop">
                    <application>FlashDevelop 3.3.4</application>
                    <application>FlashDevelop 4</application>
               </applications>
          </tools>
          <age>34</age>
          <length>182.5</length>
          <islefthanded>false</islefthanded>
     </developer>
     <developer>
          <name>Mikael Palm</name>
          <ocupation>Flash platform devloper</ocupation>
          <workstations>
               <workstation>Apple MacBook Pro</workstation>
          </workstations>
          <mobiledevices>
               <mobiledevice>iPad</mobiledevice>
               <mobiledevice>iPhone 4</mobiledevice>
               <mobiledevice>Nexus One</mobiledevice>
               <mobiledevice>BlackBerry PlayBook</mobiledevice>
          </mobiledevices>
          <tools>
               <applications manefacturer="Adobe">
                    <application>Adobe CS 5.5 Master Collection</application>
               </applications>
               <applications manefacturer="Powerflasher">
                    <application>FDT 4</application>
               </applications>
          </tools>
          <age>33</age>
          <length>176</length>
          <islefthanded>true</islefthanded>
     </developer>
</developers>

Jobba med JSON

För att jobba med JSON behöver man alltså något som serialiserar datan och för tillfället finns det alltså bara tredjepartsbibliotek. Jag har använt mig av den slöa as3corelib skriven av Mike Chambers (http://bit.ly/kRu9XM), det finns alltså andra som är snabbare om det är av vikt.

Först måste vi läsa in datafilen som jag har döpt till data.json och som ligger i samma nivå som min swf:

var tLoader:URLLoader = new URLLoader();
tLoader.load( new URLRequest( "data.json" ) );
tLoader.addEventListener( Event.COMPLETE, onJSONLoadComplete );

Längst ner i denna post kan du se hur objekten är typade i klasserna.

private function onJSONLoadComplete( e:Event ):void
 {
      var tDeveloper:Developer;
      var tTools:Vector.<Tool>;
      var tTool:Tool;
      var tData:Array = JSON.decode( e.currentTarget.data );
      for each ( var tJsonDeveloper:Object in tData )
      {
           tDeveloper = new Developer();
           tDeveloper.name = tJsonDeveloper.name;
           tDeveloper.ocupation = tJsonDeveloper.ocupation;
           tDeveloper.workstations = tJsonDeveloper.workstations;
           tDeveloper.mobiledevices = tJsonDeveloper.mobiledevices;
           tTools = new Vector.<Tool>();
           for each( var tJsonTool:Object in tJsonDeveloper.tools )
           {
                tTool = new Tool();
                tTool.manefacturer = tJsonTool.manefacturer;
                tTool.applications = tJsonTool.applications;
                tTools.push(tTool);
           }
           tDeveloper.tools = tTools;
           tDeveloper.age = tJsonDeveloper.age;
           tDeveloper.length = tJsonDeveloper.length;
           tDeveloper.isLeftHanded = tJsonDeveloper.isLeftHanded;
      }
 }

Dataobjekten är nu klara att användas:

Länkar till bra källor om JSON

JSON hemsida: http://bit.ly/ltQ54I
Wikipedia: http://bit.ly/lP1E4r
TheFlashBlog, Angry Natvie JSON Parsing in Flash: http://bit.ly/mm9fXi
Bytearray, Thibault Imbert bloggar om nya funktioner i Flash Player 10.3, http://bit.ly/iy6E8S