说一下思路:
在页面中定义一个<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调用</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=...
本方法是基于iframe实现的,需求是form表单提交带有文件上传的input标签,因此不能使用ajax来提交 首先: 代码如下: <form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” ...
基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...
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和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...
表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...
<form action="submit.html" method="post" target="myframe"> 请输入用户名和密码: <!-- 用户名的输入框 --> 用户名: <!-- 密码的输入框 --> 密码: <!-- 登录按钮...
首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 复制代码 代码如下: <form enctype=”multipart/form-data” method=”POST” target=”upload” action=...
form name=configForm id=configForm method=post action= > .......... </form> 根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美。 但是如果需要上传文件, 请选择文件: ...
说到iframe,现在用它的人是越来越少了,并且很多人都相信它应该被AJAX所取代,的确如此,因为AJAX太出色了。 不过有一种情况的实现我还是选择了iframe,这就是本文要说的文件的异步上传,感兴趣的可以试试,如果用...
form action={pboot:form fcode=8} method=post id=t enctype=multipart/form-data> <input type=file name='tables_a' id=tables onchange=abs()> <input type=hidden name='tables' id='tables_2'>...
项目中会经常用到AJAX无刷新上传图片,但是iframe上传和flash插件都是比较复杂的,所以就找了一个jquery的插件。 代码如下 使用方法如下 [removed] $(function () { var button = $('#upload'); new AjaxUpload...
如何实现jQuery的Ajax文件上传,PHP如实文件上传.AJAX上传文件,PHP上传文件。 【PHP文件上传】 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的。实际上,在这里不管是PHP,JSP,还是ASP处理上传的...
form id=”frm” method=”post” action=”@Url.Content(“~/Backstage/MachineMng/RoadSet/SaveTrackRoad”)?roadId=@ViewBag.roadId” target=”frm”> 这里是表单内容 </form> JS代码: 若保存成功...
首先要知道, ajax无法发送带有文件的post请求所以,所以还是要用同步的方式,但是刷新的时候,我们不要在原来的页面刷新,去一个隐藏的iframe里面刷新,form表单中action正常填写处理文件上传的操作。紧着着的...
发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向。以一个简单的demo做说明: html如下所示,请求的路径action为”upload”,其它的不做任何处理: &...
之前用ajax做的,代码如下(ActionUrl为一般处理程序ashx的路径): $.ajax({ url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(), dataType: 'json', success: function (jsonstr) { //top.art....
创建表单对应的模型类,设置字段验证规则创建表单提交对应的action,处理提交的内容在视图中创建表单form在刚刚的一个小项目里,想使用ajax提交表单信息并验证保存,又不想用隐藏iframe来做无刷新提交,并且action中...
1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?...