新工作的第一个任务,实现jsp向flex传值.都是从网上参考,实现的,例子如下:
JSP代码:
<head>
<base href="<%=basePath%>">
<script src="testJS.js" language="javascript"></script>
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
This is my JSP page. <br>
<form id="myform" method="post" antion="" name="form1">
name:<input type="text" id="name" name="name1"/>
<input type="submit" value="login" onclick="deliverData();return false"/>
</form>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="flex" width="250" height="100"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="JspToFlex.swf"/>
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="JspToFlex.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="flex" align="middle"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</body>
注意:object中的classid必须要,我开始没有写,在这里耽误好好久.
JS代码:
function deliverData(){
var flashPlay = document.getElementById("flex");
flashPlay.getData(document.getElementById("name").value);
}
FLEX代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600" creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function init():void{
ExternalInterface.addCallback("getData",testFunction);
}
private function testFunction(param:String):void{
text.text = "你输入的是:"+param;
}
protected function btn_clickHandler(event:MouseEvent):void
{
text.text = "重新输入";
}
]]>
</mx:Script>
<mx:TextInput id="text" width="200" height="20" text="12"/>
<mx:Button id="btn" click="btn_clickHandler(event)" label="Click" y="40"/>
</mx:Application>
留者自己做纪念
分享到：
相关推荐
将Flex嵌入到JSP页面中，可以结合两者的优点，提供丰富的图形用户界面和强大的后端数据处理能力。 在将Flex嵌入到JSP页面时，可能会遇到一个常见的问题：Flex组件被其他元素遮挡。这通常是由于CSS样式冲突或者布局...
当Flex组件通过IFrame嵌入到JSP页面时，可能会出现遮盖问题，即JSP页面的内容覆盖了Flex元素，或者反之。这是因为浏览器对HTML元素和IFrame内容的渲染方式不同，以及CSS的Z-index属性的管理。 Z-index是CSS中的一个...
在聊天应用中，Ajax通过JavaScript向服务器发送请求，获取新消息，并在客户端更新聊天界面，提高了用户体验，让用户无需等待页面刷新就能看到新消息。 **jQuery**是一个流行的JavaScript库，简化了JavaScript的DOM...
通过上述步骤，您已经掌握了如何在Flex项目中配置和使用IFrame组件来嵌入JS页面，并实现Flex与JS页面之间的交互。这不仅可以提高开发效率，还能帮助开发者构建更加丰富和动态的应用界面。希望本文能对您的项目开发...
《Flex2标签库在JSP中的应用》 在Web开发领域，Adobe Flex是一个强大的富互联网应用程序（RIA）框架，它提供了丰富的用户界面组件和交互体验。Flex2 Tag Library for JSP，正如其名，是专门为JavaServer Pages（JSP...
`html-template`目录可能包含了发布Flex应用程序所需的HTML和JavaScript模板，这些模板用于在浏览器中嵌入SWF（Flex应用程序）。 `jsp`可能是一个子目录，包含了JSP文件，这些文件是Java服务器端处理Flex请求的地方...
在本例中，我们将探讨如何利用Flex作为前端展示层与后端的JSP进行数据交互，实现类似Ajax的异步通信机制。 Flex是一款由Adobe开发的开源框架，用于构建基于Flash的用户界面。它提供了丰富的图形库和组件，可以创建...
Flex IFrame组件是Adobe Flex框架中的一个强大工具，它允许开发者在Flex应用程序中嵌入HTML、JSP或其他Web内容。这个功能使得Flex应用能够与外部Web资源交互，从而实现更丰富的用户体验。本文将深入探讨Flex IFrame...
`swfobject.js` 是一个JavaScript库，用于检测和嵌入SWF文件到HTML页面中，确保在不同浏览器上的兼容性。 **Socket通信** 是在网络编程中常用的一种技术，它允许客户端和服务器之间建立双向通信通道。在本项目中，...
提到的getParams方法是JavaScript中定义的一个函数，该函数接收一个参数数组，并通过alert弹窗显示该数组的第一个元素。这表明Flex应用能够把参数传递给iframe中的JavaScript函数，并由JavaScript函数处理这些参数。...
在JavaScript中，可以使用`FileReader`对象的`readAsDataURL()`方法读取文件内容并将其转化为Base64编码的字符串。这个字符串可以作为`<img>`标签的`src`属性值，从而实现在浏览器上预览图片。 ```javascript var ...
- 在Flex应用中，会使用`SWFObject`来嵌入Flash动画或Flex组件，这里是`testfrist.swf`。 - Flex应用中定义了布局和一些样式设置，如字体、背景颜色等。 - 在Flex的`creationComplete`事件中，调用`init()`函数...
`bin`存放完成的应用程序，`html-template`包含HTML模板和JavaScript脚本，它们用于将SWF文件嵌入HTML中，并提供了诸如检测Flash Player版本、免激活功能、历史记忆等功能，极大地提升了Flex应用的用户体验。...
5. **Services**：Flex提供了与服务器端通信的能力，可以通过AMF（Action Message Format）高效地交换数据，支持与各种后端服务如JSP、PHP、Java等集成。 6. **Flex SDK和Flex Builder**：Flex SDK是免费的开发工具...
此外，Flex项目通常包含一个名为“html-template”的目录，其中存储了HTML模板和JavaScript脚本，用于将SWF文件嵌入到网页中。这些模板具有以下功能： 1. **版本检测**：自动检查访问者Flash Player的版本，如果...
JSP可以通过引入JavaScript库，如jQuery，来实现AJAX通信，通过后台服务器与前端进行数据交换，实现页面部分刷新。同时，通过使用像Flex或GWT这样的RIA框架，可以在客户端构建复杂的用户界面，减轻服务器端的压力。 ...
- **JSP（JavaServer Pages）**：动态网页技术，允许开发者在HTML中嵌入Java代码，简化视图层的开发。 - **JPA（Java Persistence API）**：JavaEE提供的持久化框架，用于管理数据库操作，如Hibernate就是其常用的...
这个工程的核心目标是实现Flex和JSP的无缝融合，允许开发者在JSP页面中嵌入Flex组件，以此来增强网页的图形用户界面和交互性。Flex通常使用ActionScript编程语言，并基于MXML进行布局设计，可以创建丰富的客户端用户...
- **html-template**：包含HTML模板和JS脚本，用于将SWF文件嵌入到HTML页面中。 - **source**：存放源代码文件。 4. **html-template目录的作用**： - **自动检测FlashPlayer版本**：确保用户安装了正确的版本以...