说一下思路:
在页面中定义一个<iframe name=iframename
style=display:none>这样的标签,然后将表单的target=iframename
action中随便写,在mapping中找到地址。这样就能打到不刷新页面,视觉看上去有点Ajax效果。
实现:
JSP:
<iframe name="ok.jsp"
style="display:none"></iframe>
<html:form
action="/index" target="ok.jsp">
<html:submit></html:submit>
</html:form>
Action:
request.setAttribute("alert", 1);//设置弹出对话框的内容
request.setAttribute("url",
"index.do");//跳转URL
request.setAttribute("runURIStatus", 1);//是否跳转状态
return
mapping.findForward("go_ok.jsp");
Action配置文件:
<action
attribute="indexForm"
name="indexForm"
path="/index"
scope="request"
type="com.yourcompany.struts.action.IndexAction" >
<forward name="go_ok.jsp"
path="/ok.jsp"></forward>
</action>
ok.jsp:
<%@ page language="java"
pageEncoding="utf-8"%>
<%@ taglib
uri="http://java.sun.com/jsp/jstl/core"
prefix="c"%>
<html>
<head>
</head>
<body>
<c:if test="${runURIStatus==1}">
<script
type="text/javascript">
alert(${alert});
window.location.href='${url}';
</script>
</c:if>
<c:if test="${runURIStatus==0}">
<script
type="text/javascript">
alert(${alert});
</script>
</c:if>
<c:if
test="${runURIStatus==null}">
<script
type="text/javascript">
alert(${alert});
</script>
</c:if>
</body>
</html>
呵呵!
真有点这样的效果。大家不妨实验一下! 挺有意思的!
分享到:
相关推荐
### 使用隐藏的Iframe实现Ajax无刷新上传 在Web开发中,实现文件的无刷新上传是一种常见的需求。本文将详细介绍如何通过使用隐藏的Iframe来实现这一功能,并结合所提供的代码片段进行具体分析。 #### 一、原理概述...
结合两者,AJAX与iframe可以实现异步文件上传,这种方法特别适用于处理大文件或需要在上传过程中显示进度的场景。下面将详细介绍这一技术。 首先,为什么需要使用AJAX与iframe进行文件上传呢?传统的表单提交方式会...
总结,"ajax iframe jsp 无刷新上传文件.zip"包含的知识点涵盖了Ajax与Iframe结合的文件上传技术,JSP服务器端处理,JavaScript字符串操作,Struts2的验证和链接标签,以及Spring入门和JSP请求Action的方法。...
本文将深入探讨如何使用IFrame来实现AJAX的文件上传功能,这在某些场景下是必要的,比如处理IE浏览器的兼容性问题或者上传大文件时。 首先,让我们理解为什么需要IFrame来处理文件上传。传统的AJAX文件上传在现代...
iframe式ajax调用</title> </head> <body> <form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=...
iframe式ajax调用</title> </head> <body> <form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=...
<form action="目标URL" method="post" target="_top"> <!-- 表单内容 --> ``` 这种方式的优点是不需要额外的JavaScript代码,但是只适用于表单提交的场景。 ##### 方法三:利用JavaScript弹窗确认后跳转 此方法...
这时,我们可以利用`iframe`来实现类似Ajax的效果,即基于iframe的页面无刷新提交。 `iframe`(Inline Frame)是HTML中的一个元素,用于在当前文档中嵌入另一个文档。通过设置`iframe`的`name`属性,我们可以将表单...
在 AJAX 出现之前,Web 开发人员就已经能够通过使用 iframe 来实现页面的部分刷新,尤其是对于文件上传这类操作而言。然而,随着 AJAX 的普及,更多的开发者转向了这种更为灵活和现代化的技术。 #### 使用 iframe ...
本主题聚焦于利用`iframe`来实现这一功能,这在不支持现代Ajax技术的旧版浏览器或者需要处理跨域请求时特别有用。 `iframe`,全称Inline Frame,是一种在HTML文档中嵌入另一个HTML文档的元素。通过设置`iframe`的`...
url: '<s:url action="ajaxAction"/>' + '?input=' + encodeURIComponent($('input[name=input]').val()), success: function(response) { // 更新DOM $('#result').html(response.message); } }); } ``` ...
2. form标签的创建和提交:在JavaScript中,可以使用document.createElement方法动态创建一个form元素,通过设置其action属性为服务器处理上传的URL,method属性为post,并指定其target属性为上面创建的iframe的name...
在Web开发中,文件上传是一项常见的功能,Ajax技术可以实现异步无刷新的上传体验,而结合iframe,我们可以实现一种不离开当前页面的文件上传方式。这篇文章将详细讲解如何使用iframe来实现Ajax文件上传的效果。 ...
在Struts2中,我们需要配置Action来处理Ajax请求。创建一个继承自`ActionSupport`的类,例如`UploadImageAction`,并在其中定义一个接收图片的字段,如`File file`和对应的`String fileName`。还需要一个`execute`...
jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化DOM操作、事件处理、动画效果以及Ajax交互。其中,jQuery插件是扩展其功能的重要方式,允许开发者创建自定义的组件以满足特定需求。在给定的标题和描述中...
Dear 'Ajax in Action' Readers, <br>This zip file gathers together the source code for the examples in the 'Ajax in Action' book. Code is organized by chapter, and, within each chapter, subfolders ...
传统的表单提交方法虽然简单,但用户体验较差,而Ajax和form+iframe的实现方式可以显著提升用户交互体验。本文将详细解释如何使用Ajax和form+iframe两种方式来实现文件上传功能。 ### Ajax文件上传 Ajax...
在AdminLTE中,我们通常通过JavaScript和AJAX技术实现局部刷新。 在给定的资源"weituotian-AdminLTE-With-Iframe-master"中,开发者可能使用了iframe作为局部刷新的一种手段。iframe,即内联框架,允许我们在一个...