Cape Henry Technologies Inc.

<?xml version="1.0" encoding="utf-8"?>
<!-- add license -->
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	backgroundGradientColors="[0xFFFFFF, 0xAAAAAA]"
	horizontalAlign="left"
	verticalGap="15" horizontalGap="15"
	>
 
	<mx:Script>
		<![CDATA[ 
		import mx.rpc.events.ResultEvent;
		import mx.controls.Alert;
                          import com.adobe.serialization.json.*;
		import mx.collections.ArrayCollection;
 
                         [Bindable]
	            private var customersCollection:ArrayCollection;
 
	            private function runService():void
	            {
     	                  getCustomers.send();
	             }
 
                         private function resultHandler(event:ResultEvent):void {
	                  var rawData:String = String(event.result);
     	                  var customers:Array = JSON.decode(rawData) as Array;
     	                  customersCollection = new ArrayCollection(customers);
                         }
 
 
		]]> 
	</mx:Script>
 
	<mx:HTTPService id="getCustomers"
		url="http://localhost:8080/customers.json"
		method="GET"
		resultFormat="text" 
		result="resultHandler(event)">
		<mx:request xmlns="">
      		<getCustomers>"true"</getCustomers>
    	</mx:request> 
	</mx:HTTPService>
 
    <mx:Button x="266" y="338" label="Get Customers" id="getCustomersButton"
         click="runService()"/>
 
	<mx:DataGrid id="cGrid"
		x="80" y="141" 
		width="400" height="92" 
		editable="false" 
		enabled="true"
		dataProvider="{customersCollection}">
	    <mx:columns>
	        <mx:DataGridColumn headerText="Id" dataField="id" />
	        <mx:DataGridColumn headerText="Name" dataField="name" />
	        <mx:DataGridColumn headerText="Phone" dataField="phone" />
	    </mx:columns>
	</mx:DataGrid>
 
</mx:Application>