需求：在一个页面（iframe.html）中点击“请导入补充信息
”,跳转到另个页面(upload.html)。现在不想让它跳转到这个upload.html页面，而是直接在
iframe.html
页面中显示出来进行处理。
刚开始我的第一反应是想到ajax, 最终实现是可以的，但要处理该跳转页面中的内容时，还是会跳转
之前ifram.html
<a href="upload.do?orderId=<bean:write name="orderId" />&orderType=<bean:write name="orderType" />" target="blank"
>请导入补充信息</a>
稍微改动下
iframe.html:
<div>
<a href="upload.html" target="importInfos"
>请导入补充信息</a>
</div>
<iframe id="importInfos" name="importInfos" frameborder="0" width="800px" height="400px"></iframe>
upload.html:
<fieldset>
<br>
<legend>补充信息导入</legend>
<label for="_control_areaName" class="dialog_label">文件上传:</label>
<input type="file" name="file" value="">
<input id="btnUpload" type="submit" value="导入">
<br><br>
<font color="#FF6666"> 备注：
<ul>
<li>文件模板：<a href="#" target="_blank">业务信息补充模板</a>
<li>字段说明：
申请单位名称：发起新增、变更、撤销流程的单位名称，如：XXX<br>
接入单位名称：接入单位名称包括申请单位及其申请中涉及的单位名称，如：XXX<br>
联系人：各个接入单位联系人姓名<br>
电话：接入单位联系人电话<br>
邮箱：联系人邮箱<br>
接入范围\接入应用名称：如：2008-8-28 23:00:00<br>
</ul>
</font>
</fieldset>
简单的AJAX例子详解
http://liangq.iteye.com/admin/blogs/994702/
更多的请参考
http://liangq.iteye.com/
分享到：
相关推荐
iframe式ajax调用</title> </head> <body> <form action=’b.php’ method=’post’ name=” id=” target=’formTarget’> <input type=’text’ name=’username’ id=” placeholder=...
大家应该可以举出几种常用的异步文件上传功能的实现方式，使用频率较多的有原生ajax和iframe框架，实现图片文件上传，下面就为大家分享图片文件上传的两种方式：原生ajax和iframe框架，供大家参考，具体内容如下 ...
基本原理就是在页面增加一个隐藏iframe，然后通过ajax提交除文件之外的表单数据，在表单数据提交成功之后的回调函数中，通过form单独提交文件，而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...
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，把from的target设置成该iframe form.setAttribute('target', iframe.name); 具体可以看ajaxfileuplad.js的代码。
产品描述: 专业的ASP.NET控件，原生的AJAX支持，丰富的UI效果。 产品特点： No JavaScript，No CSS, No ...-修正Window控件的IconUrl有时不显示（Target="_parent"）的BUG(feedback:xmq&mgzhenhong)。(fixed)
其实在ajax出现之前，web应用也可以是无刷新的，那时大多通过IFrame来做到这一点。当然Ajax出现之后，人们一窝蜂地投奔Ajax 的阵营了，iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。 ...
思想：由于安全问题，javascript操纵不了文件， 导致ajax不能动态上传文件，所以选择了iframe， 列表页把form表单提交到一个隐式的iframe里面，设置表单的属性 代码如下:enctype=’multipart/form-data’ target=’...
form的target等于iframe的name; 在servlet部分：文件上传用的Commons-FileupLoad，需要两个Jar，commons-fileupload和commons-io,少了第二个会报出找不到类的异常； 第一个servlet处理上传，及把上传进度保存到...
<form action="submit.html" method="post" target="myframe"> 请输入用户名和密码： <!-- 用户名的输入框 --> 用户名： <!-- 密码的输入框 --> 密码： <!-- 登录按钮...
Ajax是一种已不是加载脚本，其最古老的实现方式是利用iframe来加载远程的脚本利用top.Function来调用父窗体的方法。利用a等HTML的target属性来指定。简单但是后期维护复杂化了并且在跨越方面很麻烦。接着就...
首先ajax不能上传文件，这误导了我有段时间，今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 复制代码 代码如下: <form enctype=”multipart/form-data” method=”POST” target=”upload” action=...
说到iframe，现在用它的人是越来越少了，并且很多人都相信它应该被AJAX所取代，的确如此，因为AJAX太出色了。 不过有一种情况的实现我还是选择了iframe，这就是本文要说的文件的异步上传，感兴趣的可以试试，如果用...
-修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
-修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
首先要知道， ajax无法发送带有文件的post请求所以，所以还是要用同步的方式，但是刷新的时候，我们不要在原来的页面刷新，去一个隐藏的iframe里面刷新，form表单中action正常填写处理文件上传的操作。紧着着的...
roadId=@ViewBag.roadId” target=”frm”> 这里是表单内容 </form> JS代码： 若保存成功，后台返回{“ok”:true}；若保存失败，后台返回{“ok”:false, “msg”:”错误信息”} 代
在非html5的情况下是无法用ajax把文件推送到后端的，只能通过form表单提交。...这时就要用到form表单的target属性，我们这里只需要用到iframename的值，iframename指的是iframe的name属性，意思是转移到iframe