<?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>
分享到:
相关推荐
Flex中的HTTPService组件提供了灵活的方式与后台进行数据交互。通过URLVariables对象或`<mx:request/>`标签,我们可以方便地传递参数给服务器。理解这两种方法对于开发Flex应用程序并与服务器进行数据交换至关重要。...
在这个“Flex+HTTPService 例子”中,我们将探讨如何使用Flex与Java后台通过HTTPService进行数据交互。 首先,我们需要了解Flex中的HTTPService组件。HTTPService允许开发者发送HTTP请求到服务器,并接收响应数据。...
通过深入研究和理解这个"flexDemo"工程,你可以掌握Flex与后台交互的基本流程和技巧,包括数据请求、数据解析、错误处理和用户界面的动态更新。这对于开发复杂的Flex应用至关重要。同时,也可以结合具体的后台技术和...
1. **HTTPService**:这是Flex中最常用的后台数据交互方式,通过发送XML、JSON或其他格式的数据来与服务器进行HTTP请求和响应。 2. **WebService**:Flex支持与SOAP Web服务集成,允许调用远程方法并传递复杂的数据...
本篇文章将详细探讨Flex与后台交互的三种主要方法:HTTPService、WebService和URLLoader。 1. HTTPService: HTTPService是Flex中用于处理HTTP请求的组件,基于标准的HTTP协议进行通信。通过HTTPService,开发者...
根据提供的标题、描述、标签及部分内容,本文将详细介绍Flex与后台进行交互的三种主要方法:通过FlashVars传递参数、利用HttpService服务以及采用URLLoader组件。这些方法在Flex开发中非常常见,对于实现数据的前后...
在“纯flex网站前台(httpservice、webservice进行数据交互)”这个项目中,我们主要关注的是如何使用Flex来实现与服务器端的数据通信,这涉及到HTTPService和WebService两种技术。 1. **Flex框架**:Flex提供了一...
Flex与后台交互的方法是其核心功能之一,确保前端用户界面与后端数据服务之间的无缝通信。以下将详细介绍Flex与后台交互的常见方法和相关知识点。 1. **AMF (Action Message Format)** AMF是Flex与服务器之间进行...
在Flex中,`HTTPService`组件是用于与服务器进行数据交换的重要工具,特别是对于与Java后台进行通信时。本篇文章将深入探讨Flex与Java后台通过`HTTPService`通信的原理、配置和实践。 1. **HTTPService组件介绍** ...
本文将详细探讨Flex与后台交互的四种常见方式:HTTPService、WebService、RemoteObject和URLLoader,以及它们各自的特点和适用场景。 首先,HTTPService是最基础的交互方式,它基于HTTP协议,使用GET和POST方法来...
标题和描述中的“Flex与后台交互的方法”指向的是Flex框架如何与后端服务器进行通信,交换数据的过程。Flex是Adobe公司推出的一种用于开发RIA(Rich Internet Applications)的应用程序框架,它基于Flash平台,允许...
本文将详细介绍使用Flex进行后台交互的两种主要方式:通过`HTTPService`和`URLLoader`来实现与服务器的通信。 #### HTTPService:面向服务的交互方式 `HTTPService`是Flex框架提供的一个用于执行HTTP请求的类,它...
根据提供的文档内容,本文将详细介绍Flex与后台交互的四种方法中的两种主要方法:HTTPService 和 URLLoader。这两种方法在Flex开发中非常常见,并且在实际应用中具有很高的实用价值。 ### 一、HTTPService #### 1....
本文将详细解析如何利用FLEX作为前端客户端,通过HTTPService与后台的Java服务进行XML通信,从而实现数据交互。这种技术在Web开发中广泛使用,能够提供动态、交互性强的用户体验。 首先,FLEX是一种基于...
对于需要低延迟、高吞吐量的应用,Flex还可以使用Socket接口与服务器进行双向通信。这种方式需要服务器端同样支持Socket编程。 6. **事件驱动的通信模型** 在Flex中,前端与后端的交互通常是事件驱动的。前端通过...
对于初学者来说,掌握这些图表的创建方法是理解Flex应用程序与后台数据交互的关键。 首先,Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用(RIA)。它允许开发者创建具有高度交互性和动态视觉...
在本文中,我们将深入探讨Flex 4与Java交互的三种主要方式:通过RemoteObject与普通Java类通信、使用HTTPService与服务器交互以及通过WebService与Web服务通信。这些技术在开发富互联网应用程序(RIA)时,允许前端...
4. **Flex与Java交互**:Flex应用可以通过HTTPService、WebService、Remoting等方法与Java后台进行数据交互。AMF通道是Flex与Java集成的常用方式,因为AMF可以大大减少网络传输的数据量和提高性能。在Java端,可以...
引入Flex Data Services (FDS) 2.x,它是Flex与后台数据交互的关键组件。将FDS的`flex.war`文件的内容覆盖到项目的`META-INF`和`WEB-INF`目录,但不覆盖`web.xml`。然后,手动将`flex.war`中的`web.xml`内容添加到...