Flex使用JSON格式与Java通信 - Flex - ITeye专栏频道

在使用Flex,Java，Json更新Mysql数据【高级篇】 中我记得Flex界面中数据是使用一个JsonArray封装了JsonObject之后传给Java后台的。可是今天发现，如果你的数据只有一个JsonObject，那么是否直接传JsonObject也可以呢？试试看：

Xml代码

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">  
3. <mx:Script>  
4.     <![CDATA[  
5.         import mx.rpc.events.ResultEvent;   
6.         import mx.collections.ArrayCollection;   
7.         import com.adobe.serialization.json.JSON;  
8.         [Bindable]  
9.         private var stuMarkDataArray:ArrayCollection;  
10.           
11.         private function initApp():void{  
12.             stuMarkDataArray = new ArrayCollection();  
13.         }  
14.         public function sendStuInfo():void{  
15.             var stuFaculty:String = facultyxt.text;  
16.             var stuMajor:String = majortxt.text;  
17.             var stuInfo:Object = new Object;  
18.             stuInfo.faculty = stuFaculty;  
19.             stuInfo.major = stuMajor;  
20.             var stuStr:String = JSON.encode(stuInfo);  
21.             sendInfo.getStuMarks(stuStr);  
22.         }  
23.         public function showStuMark(event:ResultEvent):void{  
24.             note.text = "Success....";  
25.             var rawArray:Array;  
26.             var rawData:String = event.result as String;  
27.             rawArray = JSON.decode(rawData) as Array;  
28.             stuMarkDataArray = new ArrayCollection(rawArray);  
29.         }  
30.         public function getTotalMarks():void  
31.         {  
32.             getTotal.getTotalMarks();  
33.             note.text="I am searching...";  
34.         }  
35.         public function showTotalMark(event:ResultEvent):void{  
36.             note.text = event.result as String;  
37.       
38.         }  
39.     ]]>  
40. </mx:Script>  
41. <mx:RemoteObject id="sendInfo" destination="getStuMark" showBusyCursor="true" result="showStuMark(event)"/>  
42. <mx:RemoteObject id="getTotal" destination="getTotalMark" showBusyCursor="true" result="showTotalMark(event)"/>  
43.     <mx:Panel x="39" y="31" width="346" height="301" layout="absolute">  
44.         <mx:Label x="27" y="25" text="Faculty"/>  
45.         <mx:TextInput x="72" y="23" id="facultyxt"/>  
46.         <mx:TextInput x="72" y="64" id="majortxt"/>  
47.         <mx:Label x="27" y="66" text="Major"/>  
48.         <mx:Button x="27" y="92" label="各科成绩" width="109" click="sendStuInfo()"/>  
49.         <mx:DataGrid x="10" y="140" height="79" width="304" dataProvider="{stuMarkDataArray}">  
50.             <mx:columns>  
51.                 <mx:DataGridColumn headerText="Math" dataField="math"/>  
52.                 <mx:DataGridColumn headerText="Chinese" dataField="chn"/>  
53.                 <mx:DataGridColumn headerText="English" dataField="eng"/>  
54.             </mx:columns>  
55.         </mx:DataGrid>  
56.         <mx:Label x="10" y="227" width="304" id="note" height="24"/>  
57.         <mx:Button x="192" y="94" label="总成绩" click="getTotalMarks()"/>  
58.     </mx:Panel>  
59.        
60. </mx:Application>  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
import com.adobe.serialization.json.JSON;
[Bindable]
private var stuMarkDataArray:ArrayCollection;
private function initApp():void{
stuMarkDataArray = new ArrayCollection();
}
public function sendStuInfo():void{
var stuFaculty:String = facultyxt.text;
var stuMajor:String = majortxt.text;
var stuInfo:Object = new Object;
stuInfo.faculty = stuFaculty;
stuInfo.major = stuMajor;
var stuStr:String = JSON.encode(stuInfo);
sendInfo.getStuMarks(stuStr);
}
public function showStuMark(event:ResultEvent):void{
note.text = "Success....";
var rawArray:Array;
var rawData:String = event.result as String;
rawArray = JSON.decode(rawData) as Array;
stuMarkDataArray = new ArrayCollection(rawArray);
}
public function getTotalMarks():void
{
getTotal.getTotalMarks();
note.text="I am searching...";
}
public function showTotalMark(event:ResultEvent):void{
note.text = event.result as String;
}
]]>
</mx:Script>
<mx:RemoteObject id="sendInfo" destination="getStuMark" showBusyCursor="true" result="showStuMark(event)"/>
<mx:RemoteObject id="getTotal" destination="getTotalMark" showBusyCursor="true" result="showTotalMark(event)"/>
<mx:Panel x="39" y="31" width="346" height="301" layout="absolute">
<mx:Label x="27" y="25" text="Faculty"/>
<mx:TextInput x="72" y="23" id="facultyxt"/>
<mx:TextInput x="72" y="64" id="majortxt"/>
<mx:Label x="27" y="66" text="Major"/>
<mx:Button x="27" y="92" label="各科成绩" width="109" click="sendStuInfo()"/>
<mx:DataGrid x="10" y="140" height="79" width="304" dataProvider="{stuMarkDataArray}">
<mx:columns>
<mx:DataGridColumn headerText="Math" dataField="math"/>
<mx:DataGridColumn headerText="Chinese" dataField="chn"/>
<mx:DataGridColumn headerText="English" dataField="eng"/>
</mx:columns>
</mx:DataGrid>
<mx:Label x="10" y="227" width="304" id="note" height="24"/>
<mx:Button x="192" y="94" label="总成绩" click="getTotalMarks()"/>
</mx:Panel>
</mx:Application>

 后台JSonTestJava.java

Java代码

 

1. package test;   
2. import net.sf.json.JSONArray;   
3. import net.sf.json.JSONObject;   
4. public class JsonTestJava {   
5.   public String getStuMarks(String info){   
6.       String result = new String();   
7.       JSONObject jsonObject = JSONObject.fromObject(info);   
8.       String faculty = jsonObject.getString("faculty");   
9.       String major = jsonObject.getString("major");   
10.          
11.        JSONArray stuMarksArray = new JSONArray();     
12.             
13.      if(faculty.equals("IT") && major.equals("SE")){   
14.         for(int i=0;i<3;i++){   
15.             JSONObject stuObj = new JSONObject();    
16.             stuObj.put("math", 100-i*2);   
17.             stuObj.put("eng", 80+2*i);   
18.             stuObj.put("chn", 90-i);   
19.             stuMarksArray.add(stuObj);   
20.         }   
21.      }   
22.      result = stuMarksArray.toString();   
23.       return result;   
24.   }   
25.   public String getTotalMarks(){   
26.       JSONObject stuObj = new JSONObject();    
27.       stuObj.put("name", "leyond");   
28.       stuObj.put("mark","344");   
29.       return stuObj.toString();   
30.   }   
31. }  

package test;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
public class JsonTestJava {
public String getStuMarks(String info){
String result = new String();
JSONObject jsonObject = JSONObject.fromObject(info);
String faculty = jsonObject.getString("faculty");
String major = jsonObject.getString("major");
JSONArray stuMarksArray = new JSONArray();
if(faculty.equals("IT") && major.equals("SE")){
for(int i=0;i<3;i++){
JSONObject stuObj = new JSONObject();
stuObj.put("math", 100-i*2);
stuObj.put("eng", 80+2*i);
stuObj.put("chn", 90-i);
stuMarksArray.add(stuObj);
}
}
result = stuMarksArray.toString();
return result;
}
public String getTotalMarks(){
JSONObject stuObj = new JSONObject();
stuObj.put("name", "leyond");
stuObj.put("mark","344");
return stuObj.toString();
}
}

 使用的方法跟JSONArray差不多，只不过使用JsonArray的时候，需要先把每个jsonObject解析出来。所以比较方便的。但是现在有一个问题，如果你在后台传给的前台Flex中的是一个JSONObject的数据，请问如何在前台解析出来的。就是这里的代码该如何写呢：

Js代码

 

1. public function showTotalMark(event:ResultEvent):void{   
2.     var marks:Object= JSON.decode(event.result as String);   
3.     note.text = marks.name + marks.mark;       
4. }  

        public function showTotalMark(event:ResultEvent):void{
var marks:Object= JSON.decode(event.result as String);
note.text = marks.name + marks.mark;
}

 这样就可以了，marks.name 和marks.mark就可以分别解析出name和mark。是不是很方便呢。当然如果你的数据很多，就需要用到JSAONArray了。这里就不多讲了。这个是这个例子的效果实例：

Reference: http://giantflyingsaucer.com/blog/?p=10&cpage=1