Adobe FlexでJSON形式で結果を返すWebAPIを使う

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" backgroundColor="#FFFFFF" layout="absolute">



    <mx:Script>

        <![CDATA[

            import mx.collections.ArrayCollection;

            import mx.rpc.events.ResultEvent;

            import com.adobe.serialization.json.JSON;

            import flash.display.Sprite;

            import flash.net.navigateToURL;

            import flash.net.URLRequest;

            import flash.net.URLVariables;

            import mx.controls.Alert;



            //JSON形式のデータをArrayCollectionに変換する

            private function onJSONLoad(event:ResultEvent):void

            {

                var rawData:String = String(event.result);

                var arr:Array = (JSON.decode(rawData) as Array);

                var dp:ArrayCollection = new ArrayCollection(arr);

                if((dp == null) || (dp.length == 0)) {

                    Alert.show("検索結果は0件です。");

                }

                grid.dataProvider = dp;



            }



            //引数で指定されたURLをブラウザで表示する

            public function NavigateToURL(url:String):void {

                var request:URLRequest = new URLRequest(url);

                try {            

                    navigateToURL(request);

                }

                catch (e:Error) {

                    trace("navigate error")

                }

            }



            //検索実行

            private function findData():void {

                urlString = "http://wikipedia.simpleapi.net/api?output=json&keyword=" + encodeURI(src.text);

                service.send();

            }



            //グリッドをダブルクリックしたとき、対象のURLを開く

            private function DoDodoubleClick(event:MouseEvent):void {

                NavigateToURL(grid.dataProvider[grid.selectedIndex]["url"]);

            }



            //テキストボックスでエンターキーが入力されたとき、検索を実行する

            private function keyDownChecker(e:KeyboardEvent):void {

                if(e.keyCode == 13){

                    findData();

                }

            }

            

            [Bindable]

            private var urlString:String;

        ]]>

    </mx:Script>



    <mx:HTTPService id="service" resultFormat="text"

                    url="{urlString}"

                    result="onJSONLoad(event)"

                    showBusyCursor="true" />



    <mx:VBox right="10" left="10" top="10" bottom="10" height="100%" width="100%" backgroundColor="white" fontSize="12">

        <mx:HBox>

            <mx:TextInput id="src" text="" keyDown="keyDownChecker(event)" />



            <mx:Button label="検索" click="findData()" />

        </mx:HBox>

        <mx:DataGrid id="grid" height="100%" width="100%" doubleClickEnabled="true" doubleClick="DoDodoubleClick(event)" >

            <mx:columns>

                <mx:DataGridColumn headerText="title" dataField="title"/>

                <mx:DataGridColumn headerText="body" dataField="body"/>

                <mx:DataGridColumn headerText="url" dataField="url"/>

            </mx:columns>

        </mx:DataGrid>

    </mx:VBox>

</mx:Application>