`
coral0212
  • 浏览: 101525 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

flex 如何用HTTPService 与后台交互数据

    博客分类:
  • UI
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[0.72, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]">
	
	<mx:HTTPService 
  		showBusyCursor="true"  
  		id="loginSrv" 
  		result="doResult();"  
  	    method="GET"
  		url="http://localhost:8080/UserManager/checkUser.do"> 
 		<mx:request> 
 			<userName>  
 				{txtname.text} 
 			</userName> 
 			<password> 
				{txtpwd.text}
 			</password> 
 		</mx:request> 
	</mx:HTTPService> 
	<mx:HTTPService 
  		showBusyCursor="true"  
  		id="loadUsers"  
  	    method="GET" result="users = event.result.users.user"
  		url="http://localhost:8080/UserManager/loadAllUsers.do">  
	</mx:HTTPService> 
		<mx:Script>
		<![CDATA[
		    import mx.controls.Alert;
            import mx.utils.ObjectUtil;
            import mx.collections.ArrayCollection; 
            
            [Bindable]
            var users:ArrayCollection=new ArrayCollection();
			internal function doResult():void
			{ 
				var returnValue:String=loginSrv.lastResult.result.msg; 
       			if(returnValue=="sucess") 
  				{   
  					login.visible=false;  
  					loadUsers.send();
  					userList.visible=true;  					
        		}  
 				else 
   				{  
					Alert.show("登录失败","提示信息",Alert.OK,this,null,null,Alert.YES); 
              	}
			} 
		    private function index_sortCompareFunc(itemA:Object, itemB:Object):int {
                // Make sure itemA has an "index" property.
                if (!itemA.hasOwnProperty("id")) {
                    itemA.index = null;
                }
                // Make sure itemB has an "index" property.
                if (!itemB.hasOwnProperty("id")) {
                    itemB.index = null;
                }
                // Perform a numeric sort.
                return ObjectUtil.numericCompare(itemA.index, itemB.index);
            } 
		]]>
	</mx:Script>
	<mx:Panel id="login" x="285.5" y="127" width="341" height="238" layout="absolute" fontFamily="Arial" fontSize="13" color="#3C280B" borderStyle="none" borderColor="#CC0B0B" cornerRadius="10" alpha="0.64">
		<mx:TextInput id="txtname" x="101" y="34" width="172" displayAsPassword="true" editable="true" enabled="true"/>
		<mx:Button x="92" y="130" label="登录" labelPlacement="top" enabled="true" click="loginSrv.send();"/>
		<mx:Button x="183" y="130" label="取消"/>
		<mx:TextInput id="txtpwd" x="101" y="75" width="172" displayAsPassword="true" editable="true" enabled="true"/>
		<mx:Label x="44" y="36" text="帐号:" width="49" height="20" enabled="true"/>
		<mx:Label x="44" y="77" text="密码:" width="49" height="20" enabled="true"/>
	</mx:Panel>
	<mx:Panel id="userList" x="181.5" y="98" width="576" height="311" layout="absolute" visible="false">
		<mx:DataGrid x="0" y="0" width="556" height="271" sortableColumns="true" dataProvider="{users}" editable="true" enabled="true">
			<mx:columns>
			    <mx:DataGridColumn headerText="编号" dataField="id"  />
				<mx:DataGridColumn headerText="姓名" dataField="userName" />
				<mx:DataGridColumn headerText="密码" dataField="password"/>
				<mx:DataGridColumn headerText="邮件" dataField="email"/>
				<mx:DataGridColumn headerText="地址" dataField="address"/>
			</mx:columns>
		</mx:DataGrid>
	</mx:Panel>
</mx:Application>
 
分享到:
评论
1 楼 tns1986 2009-02-16  
我是一个初学者,有些地方不大明白,请问users = event.result.users.user和loginSrv.lastResult.result.msg好像都是接受后来的返回值,为什么一个是event.result一个是httpservice.lastResult,有事想向您请教,可以留下QQ嘛,我的QQ是337421292

相关推荐

    Flex HTTPService如何给后台传递参数 .doc

    Flex中的HTTPService组件提供了灵活的方式与后台进行数据交互。通过URLVariables对象或`&lt;mx:request/&gt;`标签,我们可以方便地传递参数给服务器。理解这两种方法对于开发Flex应用程序并与服务器进行数据交换至关重要。...

    Flex+HTTPService 例子

    在这个“Flex+HTTPService 例子”中,我们将探讨如何使用Flex与Java后台通过HTTPService进行数据交互。 首先,我们需要了解Flex中的HTTPService组件。HTTPService允许开发者发送HTTP请求到服务器,并接收响应数据。...

    flex开发例子 flex与后台交互的例子 flex工程

    通过深入研究和理解这个"flexDemo"工程,你可以掌握Flex与后台交互的基本流程和技巧,包括数据请求、数据解析、错误处理和用户界面的动态更新。这对于开发复杂的Flex应用至关重要。同时,也可以结合具体的后台技术和...

    flex 文档以及后台数据交互详解

    1. **HTTPService**:这是Flex中最常用的后台数据交互方式,通过发送XML、JSON或其他格式的数据来与服务器进行HTTP请求和响应。 2. **WebService**:Flex支持与SOAP Web服务集成,允许调用远程方法并传递复杂的数据...

    Flex与后台交互的方法_HTTPService_WebService_URLLoader

    本篇文章将详细探讨Flex与后台交互的三种主要方法:HTTPService、WebService和URLLoader。 1. HTTPService: HTTPService是Flex中用于处理HTTP请求的组件,基于标准的HTTP协议进行通信。通过HTTPService,开发者...

    Flex与后台交互的几种方法详解

    根据提供的标题、描述、标签及部分内容,本文将详细介绍Flex与后台进行交互的三种主要方法:通过FlashVars传递参数、利用HttpService服务以及采用URLLoader组件。这些方法在Flex开发中非常常见,对于实现数据的前后...

    纯flex网站前台(httpservice、webservice进行数据交互)

    在“纯flex网站前台(httpservice、webservice进行数据交互)”这个项目中,我们主要关注的是如何使用Flex来实现与服务器端的数据通信,这涉及到HTTPService和WebService两种技术。 1. **Flex框架**:Flex提供了一...

    Flex与后台交互的方法

    Flex与后台交互的方法是其核心功能之一,确保前端用户界面与后端数据服务之间的无缝通信。以下将详细介绍Flex与后台交互的常见方法和相关知识点。 1. **AMF (Action Message Format)** AMF是Flex与服务器之间进行...

    flex与httpService通信(java)

    在Flex中,`HTTPService`组件是用于与服务器进行数据交换的重要工具,特别是对于与Java后台进行通信时。本篇文章将深入探讨Flex与Java后台通过`HTTPService`通信的原理、配置和实践。 1. **HTTPService组件介绍** ...

    flex与后台交互的常用四种方式

    本文将详细探讨Flex与后台交互的四种常见方式:HTTPService、WebService、RemoteObject和URLLoader,以及它们各自的特点和适用场景。 首先,HTTPService是最基础的交互方式,它基于HTTP协议,使用GET和POST方法来...

    Flex与后台交互的方法(PDF版)

    标题和描述中的“Flex与后台交互的方法”指向的是Flex框架如何与后端服务器进行通信,交换数据的过程。Flex是Adobe公司推出的一种用于开发RIA(Rich Internet Applications)的应用程序框架,它基于Flash平台,允许...

    flex与后台交互的方法(内有代码)

    本文将详细介绍使用Flex进行后台交互的两种主要方式:通过`HTTPService`和`URLLoader`来实现与服务器的通信。 #### HTTPService:面向服务的交互方式 `HTTPService`是Flex框架提供的一个用于执行HTTP请求的类,它...

    flex与后台交互的四种方法.doc

    根据提供的文档内容,本文将详细介绍Flex与后台交互的四种方法中的两种主要方法:HTTPService 和 URLLoader。这两种方法在Flex开发中非常常见,并且在实际应用中具有很高的实用价值。 ### 一、HTTPService #### 1....

    FLEX与JSP结合并测试HTTPService与java用XML通信

    本文将详细解析如何利用FLEX作为前端客户端,通过HTTPService与后台的Java服务进行XML通信,从而实现数据交互。这种技术在Web开发中广泛使用,能够提供动态、交互性强的用户体验。 首先,FLEX是一种基于...

    flex前台和后台交互例子

    对于需要低延迟、高吞吐量的应用,Flex还可以使用Socket接口与服务器进行双向通信。这种方式需要服务器端同样支持Socket编程。 6. **事件驱动的通信模型** 在Flex中,前端与后端的交互通常是事件驱动的。前端通过...

    Eclipse开发Flex新手必学例子(后台数据页面显示N种图表)

    对于初学者来说,掌握这些图表的创建方法是理解Flex应用程序与后台数据交互的关键。 首先,Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用(RIA)。它允许开发者创建具有高度交互性和动态视觉...

    flex4与Java交互.pdf

    在本文中,我们将深入探讨Flex 4与Java交互的三种主要方式:通过RemoteObject与普通Java类通信、使用HTTPService与服务器交互以及通过WebService与Web服务通信。这些技术在开发富互联网应用程序(RIA)时,允许前端...

    Flex实例 Flex基础 Web+Flex+LCDS Flex跟Java交互

    4. **Flex与Java交互**:Flex应用可以通过HTTPService、WebService、Remoting等方法与Java后台进行数据交互。AMF通道是Flex与Java集成的常用方式,因为AMF可以大大减少网络传输的数据量和提高性能。在Java端,可以...

    FLEX与JSP结合并测试HTTPService与java用XML通信.doc

    引入Flex Data Services (FDS) 2.x,它是Flex与后台数据交互的关键组件。将FDS的`flex.war`文件的内容覆盖到项目的`META-INF`和`WEB-INF`目录,但不覆盖`web.xml`。然后,手动将`flex.war`中的`web.xml`内容添加到...

Global site tag (gtag.js) - Google Analytics