日期:2014-05-16  浏览次数:20564 次

关于Ajax与iframe及target的问题

????? 需求:在一个页面(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">&nbsp;&nbsp;备注:
      	<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/

?

?