`
fourfire
  • 浏览: 414047 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

用flex连接jsp应用

    博客分类:
  • flex
阅读更多
创建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数据
  • 大小: 12.1 KB
分享到:
评论
2 楼 fourfire 2007-08-13  
ajax的写法,把对象xml之后传递到flash
1 楼 zj1979 2007-08-13  
你的JSP页是怎么写的呢?

相关推荐

    flex与jsp结合使用

    Flex 和 JSP 结合使用是一种常见的前端与后端交互方式,它允许开发人员利用 Flex 的富互联网应用程序(RIA)功能和 JSP 的服务器端处理能力,构建动态且交互性强的Web应用。以下是对如何结合使用 Flex 和 JSP 的详细...

    jsp与flex的整合直接拷贝就可以用

    在Web开发领域,JavaServer Pages (JSP) 和 Adobe Flex 常被用于构建富互联网应用程序(Rich Internet Applications, RIA)。JSP提供了后端服务器处理能力,而Flex则专注于前端用户体验的提升。将两者整合可以充分...

    Flex For JSP.jar

    Flex for JSP的集成允许开发人员利用Flex的强大功能来增强传统的JSP应用。它通常涉及到使用Flex SDK和Flash Player或Adobe AIR,以便在浏览器中运行Flex组件。这个.jar文件可能包含了Flex与JSP交互所需的类库和资源...

    Flex-jsp两个必要jar包

    在开发Web应用时,将富互联网应用程序(RIA)如Adobe Flex与传统的Java Server Pages(JSP)技术结合,可以创建出交互性强、用户体验优秀的Web应用。在这个过程中,`flex-bootstrap-jsp.jar` 和 `flex-sdk-merged....

    Flex连接数据库三种方法

    你可以使用JSP、ASP、PHP等服务器端脚本从数据库中获取数据并以XML形式返回给Flex应用。这种方式相对简单,适用于简单的数据交互,但不适用于复杂的业务逻辑。 2. **WebService**: WebService 是一种基于SOAP协议...

    Flex连接数据库的3种方式

    本文将详细介绍Flex连接数据库的三种常用方式:HttpService、WebService以及RemoteObject,并以Flex 3.0 + Java + SQL Server为例,重点讲解如何使用RemoteObject来获取数据库中的公告信息。 #### HttpService简介 ...

    flex连接数据库的三种方法

    根据给定的文件信息,以下是关于“Flex连接数据库的三种方法”的详细知识点: ### Flex连接数据库的方法概述 Flex是Adobe公司推出的一种用于构建高性能、高交互性的RIA(Rich Internet Applications)的应用程序...

    flex jsp 嵌套 swf html

    4. **JSP交互**:为了使Flex应用与JSP进行数据交互,可以使用AMF(Action Message Format)协议。AMF是一种高效的数据交换格式,Flex SDK和 BlazeDS(一个开源的Java服务器)支持AMF,使得Flex应用能够方便地调用JSP...

    Flex 连接后台Java的几种方法选择

    连接 Flex 和 Java 后台是构建 RIA 应用程序的关键步骤。在这里,我们将介绍 Flex 连接 JavaEE 后台的几种方法选择。 HTTPService HTTPService 是一种简单易用的方法,使用 XML 文件格式的内容进行客户端与服务器...

    一个Flex+Jsp+Mysql实现的增删查改例子

    标题 "一个Flex+Jsp+Mysql实现的增删查改例子" 描述了一个使用Flex前端、JSP作为服务器端脚本以及MySQL数据库构建的典型Web应用实例,主要用于展示基本的CRUD(创建、读取、更新、删除)操作。这个例子通过整合这三...

    Flex连接数据库三种方法.doc

    本教程将重点介绍使用RemoteObject连接数据库的方法,以Flex + JAVA + SQLServer获取数据库公告信息为例。 1. **HttpService**: HttpService主要用来与服务器进行HTTP通信,它可以获取XML或其他格式的数据。通过...

    FLEX通过JSP与数据库交互

    FLEX是一种用于构建高度互动的应用程序的框架,而JSP则是一种基于Java技术的动态网页开发技术。通常情况下,FLEX应用程序并不直接与数据库交互,而是通过一个中间层——如JSP页面或后端服务——来完成与数据库之间的...

    Flex4+J2EE+Blazeds配置jspweb工程

    6. **在Flex客户端调用Java服务**:在Flex项目中,使用RemoteObject或HTTPService组件,通过Blazeds与Java后端建立连接。设置相应的端点URL和方法映射,以便调用Java服务。 7. **测试与部署**:运行Flex应用程序,...

    Flex连接数据库的三种方法

    在本文中,我们将深入探讨Flex连接数据库的三种主要方法:HttpService、WebService和RemoteObject,并以Flex + JAVA + SQLServer获取数据库公告信息为例,详细介绍RemoteObject的使用。 1. HttpService: ...

    flex2_tag_library_for_jsp.zip

    然后,使用提供的标签来创建Flex组件,并配置与服务器的连接。最后,确保服务器端有对应的处理程序接收和响应来自Flex客户端的请求。 4. **应用场景**:这个库特别适用于需要构建动态、交互性强的Web应用的场合,如...

    JSP+Flex+javaSocket+jquery+ajax聊天

    【JSP+Flex+JavaSocket+jQuery+Ajax聊天】是一个技术综合的应用实例,它整合了多种前端和后端技术,为用户提供类似QQ的聊天体验。下面将分别介绍这些技术及其在聊天应用中的作用。 **JSP(JavaServer Pages)**是...

    使用 Flex 4.5 访问数据

    使用 Flex 4.5 访问数据是构建动态应用程序的重要组成部分,它提供了多种技术来实现与后端服务的交互,如 HTTPService、WebService 和 RemoteObject 组件。 Flex 技术在数据访问方面提供了一种不同于传统基于 HTML ...

Global site tag (gtag.js) - Google Analytics