文档章节

Flex与Java通信之HttpService方式

爱吃猫的小萌鱼
 爱吃猫的小萌鱼
发布于 2014/01/11 23:06
字数 934
阅读 84
收藏 0

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/

© 著作权归作者所有

爱吃猫的小萌鱼
粉丝 1
博文 16
码字总数 10296
作品 0
东城
私信 提问
如何做好Flex与Java交互

三种flex4与Java顺利通信的方式是:   flex与普通java类通信RemoteObject;   flex与服务器交互HTTPService;   flex与webservice交互WebService。   当大家尝试使用flex与普通java类...

莫海涌
2014/04/04
0
0
为什么使用SmartRCP

SmartRCP是一个使用flex来写eclipse rcp 桌面程序的eclipse开源插件。 它继承了java与flex的优势,并扬长避短,将它们的优势发挥得淋漓尽致。使用了SmartRCP后, 您可以用flex的mxml快速构建...

红薯
2010/05/06
1K
3
Flex与Java通信之RemoteObject方式

在学习了flash中的事件机制后,我们就开始学习flex与Java中的3种通信方式。Flex与Java通信有3中方式: ●flex访问Java普通类使用RemoteObject方式,这也是用的最多的一种方式。 ●flex访问J...

爱吃猫的小萌鱼
2014/01/11
0
0
《BlazeDS开发指南》学习笔记(一):概述

一、概述    BlazeDS是Adobe公司发布的免费开源产品,是该公司另一个收费产品LCDS的简化开源版本,BlazeDS使用Java语言在服务端提供如下功能:   1、提供客户端(Flex、AIR)通过AMF协议...

序写人生
2010/05/31
1K
0
Flex 处理 Json 格式的返回数据

前序 : 首先,知道什么是json,知道json 的格式是什么样子的,其次,理解json 处理的需求是来自于Flex和Java 的Servlet通信不能通过对象的方式传递,因此需要json。最后,注意flex json 和J...

soul_mate
2014/07/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux使用源码包安装软件

前言: 最近整理一些以前的学习笔记。 过去都是存储在本地,此次传到网络留待备用。 源码包 Linux软件多数免费、开源,是开发人员编写的,具有很强可读性的一组相关代码文本。 源码包 --> 编...

迷失De挣扎
今天
5
0
IPv4如何转换为IPv6?

ipv6已经逐渐在应用,现在已经有很多的运营商支持ipv6,前天我们也发布了如何让电脑使用ipv6地址?有很多朋友在问?ipv6有什么作用,它的表示方式是什么,今天我们来一起来详细了解下ipv6相关计...

xiangyunyan
今天
4
0
小白讲网络安全系列

注入攻击防护 XSS注入 SQL注入 命令注入 文件上传 文件解压缩 CSRF防护 对称加密 非对称加密 数字证书 数字签名 完整性校验 消息验证码 单向散列Hash函数 口令单向加密算法 审计日志 认证鉴权...

一刀
今天
2
0
MYSQL 嵌套事务(SAVEPOINT) 与Spring 事务传播

摘要 savepoint 关键字可以实现嵌套事务。结合savepoint关键字,更方便理解spring的事务传播。 事务嵌套 初始化表脚本 drop table t;create table t(a int, primary key(a)); 开启事务 my...

liangxiao
今天
4
0
Chrome OS 更新新版本可让Linux访问USB连接的Android设备

谷歌再次为Chrome OS带来了重大版本更新,使版本号达到了75。本次更新的一大亮点就是允许在Chrome OS上运行的Linux能够识别通过USB方式连接的Android设备,能够让用户使用Linux进行调试等等。...

linuxCool
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部