`

Flex和J2EE,jsp页面进行交互

    博客分类:
  • flex
阅读更多

首先撰写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 sevlet)进入交互.doc

    Flex 和 J2EE(JSP/Servlet)之间的交互主要涉及前端富互联网应用程序(RIA)与后端服务器数据的通信。Flex 是 Adobe 推出的一种用于创建动态、交互式图形用户界面的技术,它基于 ActionScript 语言和 MXML 格式进行...

    FlexModule_j2ee Flex 与JSP 整合用的.jar 文件

    FlexModule_j2ee 是一个专为整合Flex与JSP应用设计的组件库,它提供了一个.jar文件,使得在Java服务器端(JSP)与客户端的Adobe Flex之间建立交互变得更加便捷。Flex是一种强大的富互联网应用程序(RIA)开发技术,...

    Flex+J2ee实例

    8. **部署和测试**:学习如何将Flex应用打包成SWF文件,与J2EE应用集成并部署到应用服务器上,以及如何进行单元测试和集成测试。 综上所述,这个Flex+J2EE实例是一个综合性的学习资源,涵盖了从前端用户界面设计到...

    FlexModule_j2ee.zip

    FlexModule_j2ee.zip是一个压缩包,包含了将Flex前端技术集成到JSP(JavaServer Pages)和J2EE(Java 2 Platform, Enterprise Edition)后端环境中的示例工程。这个项目旨在展示如何在传统的Web应用中嵌入富互联网...

    Flex4+J2EE+Blazeds配置jspweb工程

    然后,将Flex SWF文件和Blazeds配置文件部署到Web服务器的相应目录,确保JSP页面能够正确加载和初始化Flex应用程序。 在"flex4创建jspweb工程"的文件中,可能包含了上述过程中的源代码、配置文件示例以及可能的教程...

    整合flex与j2ee

    Flex是一款强大的工具,用于创建交互式的、基于浏览器的用户界面,而J2EE则为大型企业级应用提供了稳定和可扩展的后台服务。 描述中提到,这是作者在大量研究和实践基础上的个人经验总结,旨在为其他开发者提供便利...

    Flex整合J2EE开发小记+源码下载

    标题中的“Flex整合J2EE开发小记+源码下载”揭示了本文的主题,即如何将Adobe Flex技术与Java EE(J2EE)平台相结合,进行Web应用的开发。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建...

    flex-j2ee相结合的教程,完美

    Flex和J2EE结合的教程主要探讨了如何利用Adobe Flex技术构建富互联网应用程序(RIA),并与Java企业级应用服务器(J2EE)进行后端交互,实现数据的动态加载和处理。这个教程对于同时熟悉Flex和Java的开发者来说,是...

    Flex + LCDS + J2EE 传值交互实例

    总结来说,Flex + LCDS + J2EE的组合为跨平台的数据交互提供了一个强大的解决方案,使得富客户端应用能够无缝地与企业级后端系统进行数据交换,无论是简单的字符串,还是复杂的对象和数组。熟练掌握这一技术栈,对于...

    Flex4与J2EE交互实例

    "start"文件可能是一个启动脚本或者说明文档,指导用户如何部署和运行此Flex4与J2EE交互的示例。"Info"文件可能是关于项目信息、依赖库或者使用注意事项的文本文件。 综上所述,这个实例涵盖了Flex4前端开发、J2EE...

    flex + j2ee+blazeds 配置

    5. BlazeDS:Adobe的开源项目,提供与Java后端通信的Remoting和 Messaging服务,使得Flex应用能与Java应用进行实时数据交互。 配置步骤如下: 1. **配置Tomcat**:确保你的系统环境变量`CATALINA_HOME`指向正在...

    Flex4 + J2EE + Blazeds 配置 jspweb 工程 含实例源码

    本教程将详细阐述如何配置一个基于Flex4、J2EE和Blazeds的jspweb工程,并提供实例源码供参考。 **Flex4** 是Adobe Flex框架的第四代版本,它提供了强大的组件库和编程模型,用于构建用户界面,特别是用于创建具有...

    flex j2ee 环境配置

    总之,Flex与J2EE的集成允许开发人员利用Flex的交互性和J2EE的强大功能来创建复杂的企业级应用。配置这个环境可能需要一定的技术背景和时间,但一旦完成,就能为用户提供高效且用户友好的Web体验。通过阅读提供的...

    集成Flex与J2EE的面向RIA+Web应用的研究与实现

    J2EE提供了多种组件和服务,如Servlet、JSP、EJB等,用于构建可伸缩、健壮的企业应用。随着技术的发展,许多优秀的开源框架如Spring、Hibernate等逐渐成为J2EE应用开发的重要组成部分。 #### 框架技术的选择与应用 ...

    J2EE集成Flex--MXML组件嵌入JSP

    **标题解析:** "J2EE集成Flex--MXML组件嵌入JSP" 指的是在Java企业级应用(J2EE)中整合Adobe Flex技术,并将Flex的MXML组件嵌入到JSP(JavaServer Pages)页面中,以实现富互联网应用程序(RIA)的开发。Flex是一...

Global site tag (gtag.js) - Google Analytics