Flex+Struts2+JSON实现Flex和后台的HTTP Service请求

时间：2023-03-09 08:00:55
Flex+Struts2+JSON实现Flex和后台的HTTP Service请求

http://www.fengfly.com/plus/view-191093-1.html

Flex+Struts2+JSON的后台代码我在这就不多说了。不懂得请看我写的上一篇文章《Struts2+JQuery+JSON实现异步交互》那篇文章，后台没有任何变化。

在这着重讲Flex端的实现代码。

第一步：

从http://code.google.com/p/as3corelib/网站中下载as3corelib-.92.1.zip文件并解压，解压后在as3corelib-.92.1\as3corelib-.92.1\lib目录中有一个as3corelib.swc文件，把该文件复制到你的Flex工程的libs目录中。就可以工作了。请看Flex代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx=/mxml">http://www.adobe.com/2006/mxml</A>" fontSize="12" layout="absolute">
  3. <mx:Script>
  4. <![CDATA[
  5. import com.adobe.serialization.json.JSONDecoder;
  6. import mx.rpc.events.FaultEvent;
  7. import mx.controls.Alert;
  8. import mx.rpc.events.ResultEvent;
  9. internal function sendURL():void{
  10. //设置HTTPService的url属性为你要访问的Action连接后面dd=new Date().getTime();是为了消除浏览器缓存
  11. hs.url = /fsj/flexstrutsjson!hdList.action?dd=%+new">http://localhost:8080/fsj/flexstrutsjson!hdList.action?dd="+new</A> Date().getTime();
  12. //调用HTTPService的send()方法
  13. hs.send();
  14. //注册成功事件
  15. hs.addEventListener(ResultEvent.RESULT,success);
  16. //注册失败事件
  17. hs.addEventListener(FaultEvent.FAULT,faultResult);
  18. }
  19. //失败事件调用的函数
  20. internal function faultResult(event:FaultEvent):void{
  21. //弹出失败信息
  22. Alert.show(event.fault.message);
  23. }
  24. //成功函数
  25. internal function success(event:ResultEvent):void{
  26. //把返回的对象转换成字符串
  27. var userStr:String = event.result.toString();
  28. //使用刚才加入的swc包包中的类JSONDecoder()把字符串转换成JSONDecoder对象
  29. var userJson:JSONDecoder = new JSONDecoder(userStr);
  30. //返回Map的方式
  31. //    var d:Object = userJson.getValue().uerInfoMap;
  32. //    var arryObject:Array=[];
  33. //    for each(var f:Object in d){
  34. //     arryObject.push(f);
  35. //    }
  36. //    userInfo.dataProvider = arryObject;
  37. //返回List的处理方式
  38. //使用JSONDecoder对象的getValue方法返回对象
  39. userInfo.dataProvider = userJson.getValue().userInfos;
  40. }
  41. ]]>
  42. </mx:Script>
  43. <!--创建HTTPService对象-->
  44. <mx:HTTPService id="hs" method="POST" showBusyCursor="true"/>
  45. <!--创建发送按钮并调用sendURL()函数-->
  46. <mx:Button id="requstDate" click="sendURL()" label="发送"  x="95" y="78"/>
  47. <!--创建DataGrid控件来绑定返回的数据-->
  48. <mx:DataGrid x="95" y="131" width="482" height="270" id="userInfo">
  49. <mx:columns>
  50. <mx:DataGridColumn headerText="用户名" dataField="userName"/>
  51. <mx:DataGridColumn headerText="密码" dataField="pwd"/>
  52. <mx:DataGridColumn headerText="Email" dataField="email"/>
  53. <mx:DataGridColumn headerText="年龄" dataField="age"/>
  54. </mx:columns>
  55. </mx:DataGrid>
  56. </mx:Application>

需要注意的是：在JSON的数据量比较大的情况下该方法执行的速度会比较慢。

相关文章：http://www.infoq.com/cn/articles/flex-xml-json

相关文章