flashbuilder4.6、myeclipse10
参考:http://www.cnblogs.com/lovemoon714/archive/2012/05/25/2517684.html
1、Flex端代码
<?xml version="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"
initialize="init()">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.rpc.http.HTTPService; private function init():void{ //加载HTTPService的返回监听
httpSer.addEventListener(ResultEvent.RESULT,httpSerResultHandler);
httpSer.addEventListener(FaultEvent.FAULT,httpSerFaultHandler);
} private function login():void{
httpSer.send();
} //返回成功事件
private function httpSerResultHandler(event:ResultEvent):void{
Alert.show(event.result.toString(),"登录提示");
}
//返回失败事件
private function httpSerFaultHandler(event:FaultEvent):void{
Alert.show(event.fault.message as String,"登录提示");
} ]]>
</fx:Script>
<fx:Declarations>
<s:HTTPService id="httpSer" url="http://localhost:8080/JavaFlexHttp/FlexLoginServelt1" method="POST">
<s:request>
<!--需要发送到服务器的参数名,及值,接收参数名时必须一致-->
<userName>{txt_userName.text}</userName>
<userPwd>{txt_userPwd.text}</userPwd>
</s:request>
</s:HTTPService>
</fx:Declarations>
<s:Panel x="37" y="40" width="250" height="200">
<s:Label x="37" y="28" text="用户名:"/>
<s:Label x="37" y="61" text="密 码:"/>
<s:TextInput id="txt_userName" x="82" y="24"/>
<s:TextInput id="txt_userPwd" x="83" y="56" displayAsPassword="true"/>
<s:Button x="83" y="115" label="登录" id="btn_login" click="login()"/>
</s:Panel>
</s:Application>
flex项目结构:
2、Java端代码
package com;
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; public class FlexLoginServelt extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { response.setContentType("text/html");
response.setContentType("text/xml;charset=utf-8");
PrintWriter out = response.getWriter();
//接收Flex端传来的参数
String userName=request.getParameter("userName");
String userPwd=request.getParameter("userPwd");
String result="登录失败,用户名或密码错误!";
if("admin".equals(userName) || "".equals(userPwd)){
result="登录成功!";
}
//将登录信息返回给客户端
out.println(result);
out.flush();
out.close();
}
}
java项目结构:
3、web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>
<servlet>
<servlet-name>111</servlet-name> <!-- 3 可随意取名 要和2一样-->
<servlet-class>com.FlexLoginServelt</servlet-class> <!-- 4 文件目录,注意添加包名-->
</servlet>
<servlet-mapping>
<servlet-name>111</servlet-name> <!-- 2 可随意取名 要和3一样-->
<url-pattern>/FlexLoginServelt1</url-pattern> <!-- 1 可随意取名-->
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!-- 访问顺序为1—>2—>3—>4,其中2和3的值必须相同。
url-pattern 标签中的值是要在浏览器地址栏中输入的 url,可以自己命名,
这个 url 访问名为 servlet-name 中值的 servlet,
两个 servlet-name 标签的值必须相同, 因为通过 servlet 标签中的 servlet-name 标签映射到 servlet-class 标签中的值,
最终访问 servlet-class 标签中的 class。
还有,web.xml 的 / 表示的是http://localhost:8080/ + 工程名
而.jsp页面的action,加了/表示绝对路径http://localhost:8080/ ,没有加 / 表示的是相对路径 -->
</web-app>
结果: