<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" fontSize="12" xmlns:local="*">
<mx:TraceTarget/>
<mx:Style>
.lab{
fontWeight: "bold";
/*color: #FF0000;*/
fontSize: 15;
}
</mx:Style>
<mx:Script>
<![CDATA[
//对提交给后台的参数进行UTF-8的编码处理
private function httpEncoding(param:String):String{
return encodeURIComponent(param);
}
private function doLogin():void {
//trace("focusEnabled:"+loading.focusEnabled);
//this.focusManager.setFocus(user);
var url:String = "http://localhost:8600/flex.jsp";
var params:URLVariables = new URLVariables();
//这个user,psw就是传入后台的参数user,jsp就用 request.getParameter("user")来取
params.user = httpEncoding(user.text);
params.psw = psw.text;
var loader:URLLoader = new URLLoader();
this.configureEventListeners(loader);
//可以不设置,因为默认是text
loader.dataFormat = URLLoaderDataFormat.TEXT;
var request:URLRequest = new URLRequest(url);
request.data = params;
try{
loader.load(request);
}catch(error:Error){
trace(error.message);
}
}
private function configureEventListeners(dispatcher:IEventDispatcher):void {
dispatcher.addEventListener(Event.COMPLETE, completeHandler);
dispatcher.addEventListener(Event.OPEN, openHandler);
dispatcher.addEventListener(ProgressEvent.PROGRESS, progressHandler);
dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
}
private function completeHandler(event:Event):void {
var loader:URLLoader = URLLoader(event.target);
trace("--complete..."+event.target.data);
//var dataXML:XML = XML(event.target.data);
//trace(dataXML.toXMLString());
btn_btn.enabled=true;
}
private function openHandler(event:Event):void {
trace("openHandler: " + event);
//this.focusManager.setFocus(loading);
btn_btn.enabled=false;
}
private function progressHandler(event:ProgressEvent):void {
trace("progressHandler loaded:" + event.bytesLoaded + " total: " + event.bytesTotal);
}
private function securityErrorHandler(event:SecurityErrorEvent):void {
trace("securityErrorHandler: " + event);
}
private function httpStatusHandler(event:HTTPStatusEvent):void {
trace("httpStatusHandler: " + event);
}
private function ioErrorHandler(event:IOErrorEvent):void {
trace("ioErrorHandler: " + event);
}
]]>
</mx:Script>
<mx:Panel title="欢迎登录WAP管理系统:" width="307" height="189" layout="absolute" verticalAlign="top" horizontalCenter="-10.5" verticalCenter="-9">
<mx:Label x="32" y="25" text="登录口令:" width="59"/>
<mx:TextInput id="user" x="99" y="23" width="147"/>
<mx:Label x="32" y="53" text="登录密码:" width="59"/>
<mx:TextInput id="psw" x="99" y="51" displayAsPassword="true" width="147"/>
<mx:ControlBar alpha="1">
<mx:Button id="btn_btn" x="58" y="92" label="确 定" click="this.doLogin();"/>
<mx:Button x="162" y="92" label="取 消"/>
<mx:Label x="0" y="129" text="Powered by Keren" textAlign="right"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
分享到:
相关推荐
在本文中,我们将深入探讨Flex的相关文档以及它如何与后台数据进行交互。 首先,让我们了解Flex的基础知识。Flex的核心组件包括Flex SDK(软件开发工具包),它提供了构建Flex应用程序所需的所有工具和库。SDK包含...
在本文中,我们将深入探讨如何使用Eclipse进行Flex开发,并通过后台数据来展示各种图表,包括LineChart、ColumnChart、AreaChart、BubbleChart和BarChart。对于初学者来说,掌握这些图表的创建方法是理解Flex应用...
这是一个关于flex4与后台数据进行交互的内容,个人感觉还不错的。
在Flex应用中,与后台数据交换是实现功能的关键部分,尤其对于处理数据库数据的集成至关重要。本文将详细探讨Flex如何通过RemotingObject与后台进行通信。 一、Flex与后台通讯的基础 1. BlazeDS和LCDS:Flex与后台...
标题中的“Flex 弹出窗口的数据传输”指的是在Adobe Flex应用程序中如何实现在弹出窗口(通常是PopUpWindow或ModalDialog)与主应用程序之间进行数据交互。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码...
Flex + BlazeDS + Java 后台分页的实现是一个关键的技术环节,特别是在开发大型Web应用程序时,为了提高用户体验和系统性能,数据通常需要通过分页的方式进行加载。本方案主要探讨了如何在Flex前端和BlazeDS中间件与...
根据提供的文件信息,我们可以深入探讨以下几个关键的知识点: ...以上就是关于“Flex 实时曲线图(定时获取后台数据)”的主要知识点总结。通过这种方式,开发者可以轻松实现实时数据的展示和更新功能。
5. 数据交换:Flex应用通常通过AMF(Action Message Format)或SOAP等协议与后台服务器进行数据交换。AMF是一种高效的数据序列化格式,适用于Flex与服务器间的二进制数据传输,可以显著提高数据传输速度和减少带宽...
在MXML文件中,你可以看到数据绑定的使用,如`{dataProvider}`属性的设置,使得数据显示与后台数据实时同步。 6. **错误处理**:在与后台交互时,必须考虑到可能出现的错误情况,如网络故障、服务器错误等。在Flex...
Flex的强项之一是其强大的数据绑定机制,可以在UI组件和后台数据之间建立直接的连接。在Flex中,可以将后台返回的数据对象直接绑定到UI组件,实现数据的实时更新。 6. **错误处理和调试**: 整合过程中,错误处理...
- **描述**:此案例通过 Flex 实现前端拍照功能,并将拍到的照片数据传输至后端 Java 服务器进行保存。 - **标签**:“Flex 拍照”、“Java 后台”、“保存照片” #### 2. Flex 前端实现细节 - **代码结构**: - ...
在Flex开发中,我们经常需要从URL中获取请求参数,以便在应用程序中使用这些数据进行交互。本篇文章将深入探讨如何在Flex应用中通过URL获取`request`参数,并结合提供的文件列表来阐述实际操作步骤。 标题中的"flex...
### Flex数据传输与交互 #### 一、概述 Flex是一个高效且免费的开源框架,用于...通过以上介绍,我们可以看到Flex提供了丰富的数据传输方式,开发者可以根据具体的应用需求选择合适的方法来实现数据的传输与交互。
Flex是一种强大的富互联网应用...总结,Flex通过数据绑定和服务调用来实现前台与后台的紧密集成,通过AMF通道高效地与数据库进行交互。理解并熟练运用这些技术,能帮助开发者创建功能强大、数据驱动的Flex应用程序。
- AMF是一种高效的数据序列化格式,用于在Flex客户端和服务器之间传输数据。它比XML或JSON更快,因为它以二进制形式传输,减少了网络负载。 - AMF分为两种类型:AMF0和AMF3,其中AMF3提供了更好的压缩和性能。 2....
本文将深入探讨FLEX数据传输与交互的相关知识点。 一、FLEX架构基础 FLEX架构主要由ActionScript、MXML和Flex SDK组成。ActionScript是FLEX的主要编程语言,类似于JavaScript,用于编写业务逻辑和控制应用行为。...
3. 调用`FileReference.load()`方法读取文件数据到内存中。 4. 数据加载完成后,`FileReference`会触发`data`事件,开发者可以在此时准备上传请求。 5. 使用`FileReference.upload()`方法发起HTTP POST请求,将文件...