form表单target的用法 替代window.open

Html代码  

1. <form action="b.html" method="post" target="_blank">  
2.   First name: <input type="text" name="fname" /><br />  
3.   Last name: <input type="text" name="lname" /><br />  
4.   <input type="submit" value="Submit" />  
5. </form>  

<form target="value">
属性值
值     描述
_blank     在新窗口中打开。
_self     默认。在相同的框架中打开。
_parent 在父框架集中打开。
_top     在整个窗口中打开。
framename 在指定的框架中打开。

为了实现当前页表单提交而不进行跳转刷新，我们在页面底部增加了一个隐藏得frame

Java代码  

1. <iframe id="upload_target" name="upload_target" style="display:none;"></iframe>  

在把form中的target属性改成隐藏iframe的name。这样就看不到页面的跳转了。

Java代码  

1. <form enctype="multipart/form-data" target="upload_target" action="UploadExcel" method="post">  
2. <input type="file" name="repair_attached_file1" onchange="clearMsg('upload_repairinfo_success1')"/>  

回调函数

Java代码  

1. <script type='text/javascript'>  
2. //回调失败  
3. function stopUpload(responseText){  
4.     // 提示  
5.     var spanObj = document.getElementById("upload_repairinfo_success1");  
6.     spanObj.innerHTML = responseText;  
7. }  
8.   
9. //清空提示信息  
10. function clearMsg(id){  
11.     document.getElementById("upload_repairinfo_success1").innerHTML = "";  
12. }  
13. </script>  

 后台

Java代码  

1. header("Content-type:text/html;charset=utf-8");  
2. echo "<script type='text/javascript'>window.parent.window.stopUpload('导入成功！')</script>";