首先撰写mxml文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" verticalGap="20">
<mx:HTTPService id="employeeSrv" method="get" url="employee.jsp" resultFormat="xml" result="getMessage()">
<mx:request>
<name>{name.text}</name>
<email>{email.text}</email>
<phone>{phone.text}</phone>
<zipcode>{zipcode.text}</zipcode>
</mx:request>
</mx:HTTPService>
<mx:Form>
<mx:FormHeading label="增加员工"></mx:FormHeading>
<mx:FormItem label="Name">
<mx:TextInput id="name" width="200" />
</mx:FormItem>
<mx:FormItem label="Email">
<mx:TextInput id="email" width="200" />
</mx:FormItem>
<mx:FormItem label="Phone">
<mx:TextInput id="phone" width="200" />
</mx:FormItem>
<mx:FormItem label="ZipCode">
<mx:TextInput id="zipcode" width="60" />
</mx:FormItem>
<mx:HBox width="100%" textAlign="center">
<mx:Button label="Submit" click="employeeSrv.send();" />
<mx:Button label="Reset" click="clearText();" />
</mx:HBox>
</mx:Form>
<mx:Script>
function getMessage()
{
var xmlNodes:Array = employeeSrv.result.childNodes;
mx.controls.Alert.show( (xmlNodes[0].childNodes)[0].toString() , 'Message');
clearText();
}
function clearText()
{
name.text = "";
email.text = "";
phone.text = "";
zipcode.text = "";
}
</mx:Script>
</mx:Application>
然后是JSP文件:
<%@ page contentType="text/xml; charset=utf-8" %>
<%
request.setCharacterEncoding( "utf-8" );
System.out.println( request.getParameter( "name" ) );
System.out.println( request.getParameter( "phone" ) );
System.out.println( request.getParameter( "email" ) );
System.out.println( request.getParameter( "zipcode" ) );
%>
<root>
<msg>Success!</msg>
</root>
注意红字的部分,在那里声明了一个HTTPService,当你点击Submit按钮的时候HTTPService就会把你填写的数据提交到后台的JSP页面,在JSP页面里就可以使用request.getParameter方法取出你填写的内容,JSP最后返回一个XML文档被mxml页面的getMessage()函数所处理,并在屏幕上显示出Success!
特别提示:HTTPService中的method属性在处理中文的时候请使用GET方式,POST方式会出乱码,这个问题很多朋友都遇到过,请注意。
分享到:
相关推荐
Flex 和 J2EE(JSP/Servlet)之间的交互主要涉及前端富互联网应用程序(RIA)与后端服务器数据的通信。Flex 是 Adobe 推出的一种用于创建动态、交互式图形用户界面的技术,它基于 ActionScript 语言和 MXML 格式进行...
FlexModule_j2ee 是一个专为整合Flex与JSP应用设计的组件库,它提供了一个.jar文件,使得在Java服务器端(JSP)与客户端的Adobe Flex之间建立交互变得更加便捷。Flex是一种强大的富互联网应用程序(RIA)开发技术,...
8. **部署和测试**:学习如何将Flex应用打包成SWF文件,与J2EE应用集成并部署到应用服务器上,以及如何进行单元测试和集成测试。 综上所述,这个Flex+J2EE实例是一个综合性的学习资源,涵盖了从前端用户界面设计到...
FlexModule_j2ee.zip是一个压缩包,包含了将Flex前端技术集成到JSP(JavaServer Pages)和J2EE(Java 2 Platform, Enterprise Edition)后端环境中的示例工程。这个项目旨在展示如何在传统的Web应用中嵌入富互联网...
然后,将Flex SWF文件和Blazeds配置文件部署到Web服务器的相应目录,确保JSP页面能够正确加载和初始化Flex应用程序。 在"flex4创建jspweb工程"的文件中,可能包含了上述过程中的源代码、配置文件示例以及可能的教程...
Flex是一款强大的工具,用于创建交互式的、基于浏览器的用户界面,而J2EE则为大型企业级应用提供了稳定和可扩展的后台服务。 描述中提到,这是作者在大量研究和实践基础上的个人经验总结,旨在为其他开发者提供便利...
标题中的“Flex整合J2EE开发小记+源码下载”揭示了本文的主题,即如何将Adobe Flex技术与Java EE(J2EE)平台相结合,进行Web应用的开发。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建...
Flex和J2EE结合的教程主要探讨了如何利用Adobe Flex技术构建富互联网应用程序(RIA),并与Java企业级应用服务器(J2EE)进行后端交互,实现数据的动态加载和处理。这个教程对于同时熟悉Flex和Java的开发者来说,是...
总结来说,Flex + LCDS + J2EE的组合为跨平台的数据交互提供了一个强大的解决方案,使得富客户端应用能够无缝地与企业级后端系统进行数据交换,无论是简单的字符串,还是复杂的对象和数组。熟练掌握这一技术栈,对于...
"start"文件可能是一个启动脚本或者说明文档,指导用户如何部署和运行此Flex4与J2EE交互的示例。"Info"文件可能是关于项目信息、依赖库或者使用注意事项的文本文件。 综上所述,这个实例涵盖了Flex4前端开发、J2EE...
5. BlazeDS:Adobe的开源项目,提供与Java后端通信的Remoting和 Messaging服务,使得Flex应用能与Java应用进行实时数据交互。 配置步骤如下: 1. **配置Tomcat**:确保你的系统环境变量`CATALINA_HOME`指向正在...
本教程将详细阐述如何配置一个基于Flex4、J2EE和Blazeds的jspweb工程,并提供实例源码供参考。 **Flex4** 是Adobe Flex框架的第四代版本,它提供了强大的组件库和编程模型,用于构建用户界面,特别是用于创建具有...
总之,Flex与J2EE的集成允许开发人员利用Flex的交互性和J2EE的强大功能来创建复杂的企业级应用。配置这个环境可能需要一定的技术背景和时间,但一旦完成,就能为用户提供高效且用户友好的Web体验。通过阅读提供的...
J2EE提供了多种组件和服务,如Servlet、JSP、EJB等,用于构建可伸缩、健壮的企业应用。随着技术的发展,许多优秀的开源框架如Spring、Hibernate等逐渐成为J2EE应用开发的重要组成部分。 #### 框架技术的选择与应用 ...
**标题解析:** "J2EE集成Flex--MXML组件嵌入JSP" 指的是在Java企业级应用(J2EE)中整合Adobe Flex技术,并将Flex的MXML组件嵌入到JSP(JavaServer Pages)页面中,以实现富互联网应用程序(RIA)的开发。Flex是一...