用flex连接jsp应用

创建sendData.as文件

java 代码

 

1. // ActionScript file  
2. package com.firebow.flex {  
3.   
4. import flash.events.Event;  
5. import flash.events.HTTPStatusEvent;  
6. import flash.events.IOErrorEvent;  
7. import flash.events.ProgressEvent;  
8. import flash.events.SecurityErrorEvent;  
9. import flash.net.URLLoader;  
10. import flash.net.URLLoaderDataFormat;  
11. import flash.net.URLRequest;  
12. import flash.net.URLRequestMethod;  
13. import flash.net.URLVariables;  
14.   
15. import mx.controls.DataGrid;  
16. import mx.controls.List;  
17.   
18. import mx.controls.Label;  
19. import mx.controls.CheckBox;  
20.   
21.   
22.   
23. //  
24.   
25. // 配置 URLVariables, 设置传递到  
26.   
27. //  
28.   
29.    
30. public class SendData  
31. {  
32.     var loader:URLLoader = new URLLoader();  
33.     var list:Array=new Array();  
34.     var isFinish:Boolean=new Boolean(false);  
35.     var dataGrid:DataGrid;  
36.     public function getUsers(userName:String,dg:DataGrid):void{  
37.         var variables:URLVariables = new URLVariables();  
38.           
39.         variables.userName = userName;  
40.           
41.         //  
42.           
43.         // 配置 URLRequest, 设置目标路径, 设置提交的数据, 方法 (POST / GET)  
44.           
45.         //  
46.         var request:URLRequest = new URLRequest("http://127.0.0.1/admin/ajaxQueryUserList.do");  
47.           
48.         request.data = variables;  
49.           
50.         request.method = URLRequestMethod.POST;  
51.           
52.         //  
53.           
54.         // 配置 URLLoader, 注册侦听器等  
55.           
56.         //  
57.           
58.         //  
59.           
60.         // 服务端将要返回的是纯文本数据  
61.           
62.         //  
63.         loader.dataFormat = URLLoaderDataFormat.TEXT;  
64.           
65.         loader.addEventListener(Event.COMPLETE, loader_complete);  
66.           
67.         loader.addEventListener(Event.OPEN, loader_open);  
68.           
69.         loader.addEventListener(HTTPStatusEvent.HTTP_STATUS, loader_httpStatus);  
70.           
71.         loader.addEventListener(ProgressEvent.PROGRESS, loader_progress);  
72.           
73.         loader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, loader_security);  
74.           
75.         loader.addEventListener(IOErrorEvent.IO_ERROR, loader_ioError);  
76.           
77.         loader.load(request);  
78.           
79.           
80.         dataGrid=dg;  
81.     }  
82.   
83.   
84.     function loader_complete (e:Event):void {  
85.       
86.          trace("Event.COMPLETE"); 
87.          
88.          trace("目标文件的原始数据 (纯文本) : \n" + loader.data); 
89.          var result:XML=new XML(loader.data); 
90.           
91.          var datas:Array=[]; 
92.          for each ( var element:XML in result.elements(  ) ) { 
93.              
94.             trace(element.child("userName")); 
95.             var rec:Object = {col1:false,col2:element.child("userName"), col3:element.child("cnName")}; 
96.             datas.push(rec); 
97.              
98.         } 
99.         dataGrid.dataProvider=datas; 
100.      
101.     } 
102.      
103.     function loader_open (e:Event):void { 
104.      
105.          trace("Event.OPEN"); 
106.          
107.          trace("读取了的字节 : " + loader.bytesLoaded); 
108.      
109.     } 
110.  
111.     function loader_httpStatus (e:HTTPStatusEvent):void { 
112.      
113.          trace("HTTPStatusEvent.HTTP_STATUS"); 
114.          
115.          trace("HTTP 状态代码 : " + e.status); 
116.      
117.     } 
118.  
119.     function loader_progress (e:ProgressEvent):void { 
120.      
121.          trace("ProgressEvent.PROGRESS"); 
122.          
123.          trace("读取了的字节 : " + loader.bytesLoaded); 
124.          
125.          trace("文件总字节 : " + loader.bytesTotal); 
126.      
127.     } 
128.  
129.     function loader_security (e:SecurityErrorEvent):void { 
130.      
131.         trace("SecurityErrorEvent.SECURITY_ERROR"); 
132.      
133.     } 
134.  
135.     function loader_ioError (e:IOErrorEvent):void { 
136.      
137.         trace("IOErrorEvent.IO_ERROR");  
138.       
139.     }  
140. }  
141. }  

创建text.mxml文件

xml 代码

 

1. xml version="1.0" encoding="GBK"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="loadStyles()" layout="absolute" updateComplete="showApp()" >  
3.   
4.     <mx:Button x="169" y="10" label="你好" fontFamily="Arial" fontWeight="bold"  click="doClick()"/>  
5.       
6.     <mx:Script>  
7.           
8.     mx:Script>  
9.     <mx:TextInput x="10" y="10" id="inputTxt"/>  
10.     <mx:DataGrid y="33" x="10" id="tb">  
11.         <mx:columns>  
12.             <mx:DataGridColumn headerText="选择" textAlign="center" dataField="col1"  itemRenderer="mx.controls.CheckBox" />  
13.             <mx:DataGridColumn headerText="帐号" textAlign="center" sortable="true" dataField="col2" itemRenderer="mx.controls.Label" />  
14.             <mx:DataGridColumn headerText="姓名" textAlign="center" dataField="col3" itemRenderer="mx.controls.Label" />  
15.         mx:columns>  
16.           
17.     mx:DataGrid>  
18. mx:Application>  

建立样式表文件mycss.css

js 代码

 

1. /* CSS file */  
2. Button{  
3.      
4.    fontSize:12px;  
5.    fontFamily:"宋体";  
6. }  
7. Label{  
8.    color:red;  
9.    fontSize:12px;  
10.    fontFamily:"宋体";  
11. }  

运行 mxmlc style.css
jsp中返回xml数据