`
shlei
  • 浏览: 287824 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Flex HTTPService 提交表单

    博客分类:
  • FLEX
阅读更多
<mx:HTTPService>给后台传递参数的方法,列举如下:

方法1:采用URLVariables对象
<?xml version="1.0" encoding="utf-8"?>   
  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   
  
     layout="absolute" fontSize="12">   
  
    <mx:Script>   
  
        <![CDATA[   
  
            import mx.controls.Alert;   
  
            import mx.rpc.events.ResultEvent;   
  
            //对提交给后台的参数进行UTF-8的编码处理   
  
            private function httpEncoding(param:String):String{   
  
                return encodeURIComponent(param);   
  
            }   
  
            private function httpEncoding0(param:String):String{   
  
                return param;//encodeURI(param);   
  
            }   
  
            private function doRequest():void{   
  
                btn_do.enabled=false;   
  
                var url:String = "http://localhost:8600/grid.jsp";   
  
                //以下那样写后台会乱码,不管是否做URI编码转换   
  
                //url += "?user="+httpEncoding0("用户名");   
  
                //url += "&psw="+httpEncoding0("密码");   
  
                //trace(url);   
  
                srv.url = url;   
  
                //srv.send();   
  
                //以下这样写正常   
  
                var params:URLVariables = new URLVariables();   
  
                //这个user,psw就是传入后台的参数user,jsp就用 request.getParameter("user")来取   
  
                params.user = httpEncoding("用户名");   
  
                params.psw = httpEncoding("密码");   
  
                srv.send(params);              
  
            }   
  
            private function resultHandler(event:ResultEvent):void{   
  
                Alert.show("与后台交互结束,前台开始取得的数据...","提示信息");   
  
                btn_do.enabled=true;   
  
            }   
  
        ]]>   
  
    </mx:Script>   
  
    <mx:HTTPService id="srv" result="resultHandler(event);"/>   
  
    <mx:Panel title="测试与jsp后台交互" layout="absolute" width="100%" height="90%">   
  
        <mx:Button id="btn_do" label="取得数据" click="doRequest();"/>   
  
        <mx:Spacer height="1"/>   
  
        <mx:DataGrid dataProvider="{srv.lastResult.catalog.product}" width="100%" height="100%" y="28"/>       
  
    </mx:Panel>   
  
</mx:Application> 

方法2:采用<mx:request/>,同时也演示了mx:State的用法,[来自网上]
<?xml version="1.0" encoding="utf-8"?>   
  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">   
  
    <mx:states>   
  
        <mx:State name="Logged In">   
  
            <mx:SetProperty target="{panel1}" name="width" value="95%"/>   
  
            <mx:SetProperty target="{panel1}" name="height" value="95%"/>   
  
            <mx:RemoveChild target="{password}"/>   
  
            <mx:RemoveChild target="{username}"/>   
  
            <mx:RemoveChild target="{label1}"/>   
  
            <mx:RemoveChild target="{Submit}"/>   
  
            <mx:RemoveChild target="{label2}"/>   
  
            <mx:SetProperty target="{panel1}" name="title" value="Members Section"/>   
  
            <mx:AddChild relativeTo="{panel1}" position="lastChild">   
  
                <mx:Label x="10" y="10" text="Welcome to the Members Section!"/>   
  
            </mx:AddChild>   
  
            <mx:AddChild relativeTo="{panel1}" position="lastChild">   
  
                <mx:Label x="10" y="36" text="Here you can do great things, like join the forums @ Viper Creations!"/>   
  
            </mx:AddChild>   
  
            <mx:AddChild relativeTo="{panel1}" position="lastChild">   
  
                <mx:Label x="10" y="62" text="Label"/>   
  
            </mx:AddChild>   
  
        </mx:State>   
  
    </mx:states>   
  
    <mx:Script>   
  
        <![CDATA[   
  
            import mx.rpc.events.ResultEvent;              
  
        ]]>   
  
    </mx:Script>   
  
    <mx:Script>   
  
<![CDATA[   
  
  
private function checkLogin(evt:ResultEvent):void   
{   
  
    if(evt.result.loginsuccess == "yes")   
    {   
        currentState = "Logged In";   
  
    }   
  
  
  
    if(evt.result.loginsuccess == "no")   
    {   
        mx.controls.Alert.show('Invalid username/password');   
    }          
  
}   
  
]]>   
  
</mx:Script>   
  
    <mx:HTTPService id="login_user" result="checkLogin(event)" showBusyCursor="true" method="POST" url="http://www.vipercreations.com/site_admin/login.php" useProxy="false">   
  
        <mx:request xmlns="">   
            <username>   
                {username.text}   
            </username>   
  
            <password>   
                {password.text}   
            </password>   
  
        </mx:request>   
  
    </mx:HTTPService>   
     
  
    <mx:Panel resizeEffect="Resize" width="250" height="200" layout="absolute" title="Login System" horizontalCenter="0" verticalCenter="-2" id="panel1">   
  
        <mx:Label x="10" y="10" text="Username:" id="label1"/>   
  
        <mx:TextInput x="10" y="36" id="username"/>   
  
        <mx:Label x="10" y="66" text="Password:" id="label2"/>   
  
        <mx:TextInput x="10" y="92" id="password" displayAsPassword="true"/>   
  
        <mx:Button x="10" y="122" label="Submit" id="Submit" click="login_user.send();"/>   
  
    </mx:Panel>   
  
</mx:Application> 


From http://shang.iteye.com/blog/419868
分享到:
评论

相关推荐

    Flex做的登录表单

    在本文中,我们将深入探讨使用Flex构建登录表单的相关知识点。 1. **Flex基础**: Flex提供了MXML和ActionScript 3.0两种主要的编程语言,MXML是一种声明式语言,主要用于UI组件的布局和配置,而ActionScript 3.0...

    Flex实例,form表单

    实际开发中,你可能需要在这段代码中实现数据验证,或者利用Flex的HTTPService发送数据到服务器。 **五、预览和测试** 1. 点击工具栏上的“Run”按钮或按F11,Flex Builder会编译项目并在内置的浏览器中打开一个...

    Flex中利用HTTPService MXML标签(tag)将XML转化为对象(objects)

    在 Flex 开发中,HTTPService 是一个非常重要的组件,它允许我们从远程服务器获取数据,这些数据可以是 XML、JSON 或其他格式。本教程将详细解释如何使用 MXML 标签来配置 HTTPService,并将接收到的 XML 数据转换为...

    Flex的通信方式(三)——HTTPService_1

    在Flex应用中,HTTPService常用于获取或提交数据,例如从服务器检索JSON或XML格式的数据,或者提交表单数据到后端服务。 首先,我们需要了解HTTPService的基本使用。在MXML中,你可以创建一个HTTPService实例,并...

    FLEX与C#、PHP、JAVA语言通信全面解析

    - 当表单提交时,发送HTTP请求,携带用户输入的数据。 - 数据返回后,显示在DataGrid中。 - PHP端: - 接收POST请求中的数据,处理后,将结果返回到FLEX客户端。在这个例子中,PHP可能从请求中提取username和...

    flex入门打包教程

    这将涉及到Flex中的HTTPService或WebService组件,以及数据处理和错误处理机制。 总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程...

    flex数据交互_方式

    例如,当用户点击一个按钮时,可以触发一个事件,然后通过事件处理函数来执行特定的操作,如打开一个新的窗口、提交表单数据或更新UI元素的状态。 ### 网络通信 Flex框架还提供了一套强大的网络通信工具,使得Flex...

    flex可以使用的crud例子

    然后,通过HTTPService或WebService组件向服务器发送POST请求,将新数据提交到数据库。 2. **读取(Read)**:读取数据通常是通过从服务器请求数据并将其显示在界面上完成的。Flex中的List、DataGrid等组件可以绑定...

    flex air 导出 excel

    Flex Air 是Adobe开发的一款用于构建桌面应用程序的框架,它基于...这两个文件在实现上述导出Excel功能时并不是直接相关的,但它们可能用于构建Flex Air应用的用户界面,比如创建用于导出数据的按钮或表单。

    Flex唯一中文教程【PDF】

    开发者可以使用HTTPService或WebService组件轻松地调用远程服务,获取和提交数据。 9. **Adobe AIR**:除了Web应用,Flex还可以用来开发桌面应用,通过Adobe AIR(Adobe Integrated Runtime)在用户的计算机上运行...

    Flex入门实例教程

    在教程中,你会学到如何使用XMLSocket或HTTPService组件与后台服务器通信,实现数据的获取和提交。 四、Flex与Java集成 Flex与Java的交互主要通过AMF(Action Message Format)协议完成,它提供了高效的数据序列化...

    flex工作流源码

    在Flex中,这些类用于发送AJAX请求,处理RESTful API或SOAP服务,实现异步数据加载和提交。 2. **Common_Math**:这个部分可能包含了一些数学相关的算法和工具类,例如几何计算、坐标转换或者图形渲染中的数学支持...

    FLEX4 信息系统

    1. 数据库连接:在FLEX4应用中,通常使用RemoteObject或HTTPService组件来与服务器进行通信。RemoteObject适用于AMF协议,可以实现高效的数据传输;HTTPService则适用于RESTful API,提供XML或JSON格式的数据交换。 ...

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

    首先,HTTPService是最基础的交互方式,它基于HTTP协议,使用GET和POST方法来传输数据,类似于传统的Web表单提交。由于其通用性强,几乎所有的Web服务器都能支持。HTTPService的优点在于其简单易用,传输的数据量较...

    Flex使用问题汇总

    例如,当网页加载完成后,可以设置网页中的表单字段值: ```xml (event)"&gt; &lt;mx:location&gt;http://xxx&lt;/mx:location&gt; private function autoFill(event:Event):void{ var doc:Object = event.currentTarget....

    Flex 结合 ASP.net应用

    表单提交后,这些信息被发送到ASP.NET服务器进行验证。这个过程通常涉及到HTTP服务请求,例如使用 `HTTPService` 类在AS3中发送POST请求。 ASP.NET 是微软的Web开发平台,允许开发者使用.NET Framework创建动态网站...

    Flex视图切换,自定义控件Demo.rar

    在Flex中,创建登录界面通常涉及到自定义控件,例如创建一个包含用户名和密码输入框的表单,以及登录按钮。这些控件可能需要处理用户输入,验证数据,与服务器通信(例如使用HTTPService或WebService)来进行身份...

    flex as资料

    例如,用户可能需要从服务器获取数据来动态更新UI,或者提交表单数据到服务器进行处理。掌握这些技术能够帮助开发者创建出交互性强、响应速度快的富互联网应用。 总的来说,这份“flex as资料”可能是对Flex和...

    Login-System.zip_ac_oetags.js_flex_flex login

    JavaScript库通常嵌入到HTML页面中,通过执行脚本来处理事件,如按钮点击、表单提交等,从而与服务器进行交互。 接着,我们来看“flex_flex login”。在Flex中,开发人员可以使用MXML来声明界面组件和布局,以及...

Global site tag (gtag.js) - Google Analytics