jsp 页面如何异步取得iframe返回来的数据?
浏览次数:319次悬赏分:0 | 提问时间:2010-12-24 17:15 | 提问者:角落里的主角 | 问题为何被关闭
我的index.jsp页面代码:
<form action="uploadAttaches.jsp" method="post" enctype="multipart/form-data" target="uploadframe">
添加附件:<input type="file" name="upload"/>
<input type="submit" value="上传"/><br>
</form>
<iframe name="uploadframe" id="uploadframe" style="display:none"></iframe>
我想点击上传的时候,链接到uploadAttaches.jsp,然后将文件信息返回到index.jsp,现在文件可以上传,但不知道如何在index.jsp获取uploadAttaches.jsp返回的信息。
这个是必须利用iframe做异步的,因为页面还有其他的数据。
请知道的赐教,万分感谢。
因为我没有财富,所以希望热心的人帮帮忙了。
在你的servlet输出中加上js代码啊.
String Msg= " <script> ";
Msg+= "var control=parent.getElementById( 'xxxx '); "//获取你要操作的控件
Msg+= "control=xxxxxxx ";//操作你的控件
Msg+= " </script> ";
out.write(Msg);
分享到:
相关推荐
在IFrame的应用场景下,我们可能需要使用Servlet来处理IFrame请求,生成动态内容,然后返回给JSP页面展示。例如,创建一个Servlet来处理IFrame请求: ```java @WebServlet("/iframeContent") public class ...
在网页开发中,图片异步上传是一种常见的需求,它可以提高用户体验,使得用户在上传文件时无需等待页面刷新,保持界面的交互性和流畅性。在这个场景中,`iframe` 被用来实现异步图片上传的功能。以下是具体的技术点...
因此,可以利用这一点在父页面和iframe之间传递大量数据。 2. **实现步骤** - 父页面将数据序列化为字符串,例如JSON格式,然后设置`window.name`。 - 父页面创建一个`iframe`,设置其`src`属性指向跨域的页面。 ...
【Ajax、Iframe与JSP实现无刷新文件上传】 在Web开发中,用户常常期望能够进行文件上传而无需页面整体刷新,以提供更好的用户体验。Ajax(异步JavaScript和XML)结合Iframe技术可以实现这样的功能。Ajax允许在后台...
在网页开发中,有时我们需要在JSP页面中嵌入IFrame来实现子页面与主页面的交互。在这样的场景下,一个常见的需求是使IFrame的高度自动适应其内容的高度,以避免滚动条的出现和页面布局的混乱。本文将详细探讨如何...
在开发基于JSP的Web应用时,经常遇到一些常见的问题,如数据重复提交、页面刷新导致的重复操作以及异步操作同步问题。以下是对这些问题的详细解决方案: **问题1:防止数据重复提交** 数据重复提交通常发生在用户...
缺点是需要在子页面中编写服务器端的代码来处理请求并返回数据,这涉及到Java与JavaScript之间的变量交互问题,通常需要将JavaScript变量转换为Java变量进行处理,这个转换过程可能会比较繁琐,并且可能会引起服务器...
用户选择文件后,表单提交到IFRAME,JSP页面接收到文件后进行处理,如保存到服务器,返回一个简单的确认消息。主页面可以通过读取IFRAME的内容来获取服务器的反馈,从而更新UI。 以下是一个简化的步骤概述: 1. ...
本文将通过一个具体的示例来介绍如何使用 jQuery 来实现页面之间的数据传递。 #### 二、技术栈与环境 本示例涉及的主要技术包括: - **jQuery**:用于简化 JavaScript 的 HTML 文档遍历、事件处理、动画以及 Ajax ...
本示例以“jsp无刷新上传文件”为主题,结合使用了iframe、AJAX以及jsp技术,实现了这一功能。以下是相关的知识点详解: 1. **iframe(内联框架)**:iframe允许在HTML文档中嵌入另一个HTML文档,常用于实现页面的...
首先,我们来看一下JSP页面的基本结构: - **Page Directive**:设置页面语言为Java,导入必要的包,并指定编码为GBK。 - **Base Path**:用于构建绝对路径,方便后续资源定位。 - **Meta Tags**:定义了缓存控制、...
1. **创建表单**:在JSP页面上,创建一个表单供用户选择文件,同时添加一个隐藏的iframe用于接收服务器的响应。 2. **添加jQuery事件监听**:使用jQuery监听表单的提交事件,阻止默认的表单提交行为,改为使用Ajax...
5. window.postMessage:这是一种在不同源的窗口之间进行异步通信的方法,适用于如iframe、弹窗等场景。 JSP(JavaServer Pages)是Java的一种视图技术,用于动态生成HTML。在处理跨域问题时,JSP可以通过设置响应...
总的来说,JSP调用JavaScript导出Word与Excel涉及到了前后端的协同工作,需要理解数据处理、文件格式、网络传输等多个方面。通过合理地利用开源工具和编程技巧,可以有效地解决这个问题,提升用户体验。
在现代Web开发中,Ajax(Asynchronous JavaScript and XML)已经成为实现网页无刷新更新和异步数据交互的关键技术。然而,有些情况下,我们可能需要避免使用Ajax,或者在不支持JavaScript的环境中实现类似功能。本篇...
设置一个隐藏的iframe用于接收服务器的响应,这样可以在不刷新页面的情况下处理文件上传。 2. **JavaScript/jQuery**:使用JavaScript或jQuery监听表单的提交事件,阻止其默认行为,然后使用AJAX发起异步上传请求。...
请求成功后,通过`success`回调函数处理返回数据,创建URL参数字符串`params`,并将此参数拼接到子页面地址后,通过`src`属性将iframe标签的源地址设置为带有参数的URL。 2. 子页面接受父页面的参数 当子页面接收到...
`.load()`是jQuery的一个便利方法,用于从服务器加载数据,并将返回的数据插入到指定的元素中。在这个例子中,我们使用`.load()`将`index.jsp`的内容加载到ID为`content`的`div`元素内。 6. **HTML代码示例** ```...
在子页面(我们称其为b.jsp)中,可以使用以下JavaScript代码来实现对父页面中iframe的刷新操作: ```javascript function refresh() { // 获取父页面中的iframe元素 var frame = window.parent.document....