Flex与Java通信之HttpService方式

Flex用RemoteObject方式与Java通信是最常用的方式，这是一种最直观的方式。当然Flex也可以用HttpService与服务器类如servlet通信，这也是本次学习的重点。

这次学习是在上节的基础上进行的。本节学习用到的LoginEvent.as,LoginModule.sa文件代码如上节所示。

好了，新建一个servlet类LoginServlet.java，代码如下所示：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

package com.it161.servlet; import java.io.IOException; import java.io.PrintWriter;    import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;    publicclass LoginServlet extends HttpServlet {     @Override     protectedvoid service(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO Auto-generatedmethod stub        req.setCharacterEncoding("utf-8");        resp.setCharacterEncoding("utf-8");        PrintWriter out=resp.getWriter();        String username=req.getParameter("username");        String passworld=req.getParameter("passworld");        //System.out.println(username+":"+passworld);        if(username.equals("admin")&&passworld.equals("123")){            out.print(true);        }else{            out.print(false);        }     } }

 

这个servlet在web.xml中的配置如下所示：

1 2 3 4 5 6 7 8

<servlet>      <servlet-name>LoginServlet</servlet-name>      <servlet-class>com.yqsn.servlet.LoginServlet</servlet-class>     </servlet> <servlet-mapping>     <servlet-name>LoginServlet</servlet-name>     <url-pattern>/LoginServlet</url-pattern>   </servlet-mapping>

将MyEclipse切换到flash视图，新建一个application文件HttpServiceDemo.mxml，代码如下所示：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

<?xmlversion="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"               xmlns:s="library://ns.adobe.com/flex/spark"               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">          <fx:Script>        <![CDATA[            import com.flex.ases.LoginEvent;            import com.flex.ases.LoginMess;            import com.flex.module.LoginModule;                        import mx.controls.Alert;            import mx.managers.PopUpManager;            import mx.rpc.events.FaultEvent;            import mx.rpc.events.ResultEvent;            privatevar loginModule:LoginModule=new LoginModule();            [Bindable]            private var username:String;            [Bindable]            private varpassworld:String;            protectedfunction login_clickHandler(event:MouseEvent):void            {               // TODOAuto-generated method stub                PopUpManager.addPopUp(loginModule,this,true);                PopUpManager.centerPopUp(this.loginModule);                loginModule.addEventListener(LoginEvent.LOGIN_EVENT,loginHander);            }            publicfunction loginHander(event:LoginEvent):void{               //varobj:Object=event.loginMess as Object;               username=event.loginMess['username'];               passworld=event.loginMess['passworld'];               httpServiceSend.send();            }                        protectedfunction httpServiceSend_faultHandler(event:FaultEvent):void            {               // TODOAuto-generated method stub               Alert.show(event.fault.message as String,"提示");                           }                        protectedfunction httpServiceSend_resultHandler(event:ResultEvent):void            {               // TODOAuto-generated method stub               var result:Boolean=event.result as Boolean;               if(result==true){                   Alert.show(username+",欢迎您回来！","提示");                   aaa.text=username+",欢迎您回来！";                   login.label="";                   bbb.text="";                                  }else{                   Alert.show("对不起，用户名或密码不存在！","提示");               }               //Alert.show("成功了！");            }                    ]]>     </fx:Script>          <fx:Declarations>        <!-- Place non-visualelements (e.g., services, value objects) here -->        <s:HTTPService id="httpServiceSend"  url="http://localhost:8000/JavaAndFlexDemo/LoginServlet" useProxy="false"fault="httpServiceSend_faultHandler(event)"result="httpServiceSend_resultHandler(event)" >            <s:request>               <username>{username}</username>               <passworld>{passworld}</passworld>            </s:request>        </s:HTTPService>     </fx:Declarations>     <s:Label x="200" y="150" width="182" height="27" fontSize="18" id="aaa" text="您还没有登陆，现在就" verticalAlign="middle"/>     <mx:LinkButton x="393"  y="150" width="57"  height="27" label="登陆" id="login" fontSize="18"click="login_clickHandler(event)"/>     <s:Label x="459" y="150" width="37" height="27" id="bbb" fontSize="18" text="吧！" verticalAlign="middle"/> </s:Application>

从代码中我们可以看出，我们先定义一个HttpServlet发送请求httpServiceSend，然后通过下面这种方式存值：

1 2 3 4

<s:request >               <username>{username}</username>               <passworld>{passworld}</passworld>            </s:request>

这种方式很简单，我们在后台通过request. getParameter(“参数名”)取值就可以了，当然我们也可以在loginHander(event:LoginEvent)函数中通过下面方式存值并发送请求：

1 2 3 4 5 6 7 8 9

public functionloginHander(event:LoginEvent):void{               //varobj:Object=event.loginMess as Object;               username=event.loginMess['username'];               passworld=event.loginMess['passworld'];               var obj:Object=new Object;               obj.username=username;               obj.passworld=passworld;               httpServiceSend.send(obj);            }

运行结果是一样的，你可以试试。

好了，程序算是完成了，现在开始验收结果。

打开服务器并部署项目，运行felx页面RemoteObjectDemo.mxml，如下所示：

当我们点击“登陆”按钮后，弹出module页面，如下所示：

当我们输入的用户名和密码都正确时则提示你登陆正确：

输入错误则提示你输入不正确：

可以看出，我们输入的用户名与密码已经用httpservice方式发送到后台并且成功接受了并将结果返回给前台了。

好了，就学习这么多，下节将学习WebService方式。

原创文章，转载请注明出处：http://www.it161.com/article/webDetail?articleid=140111230433

更多原创内容，请访问：http://www.it161.com/