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>";  

 

相关文章
|
7月前
element-ui的upload组件的clearFiles方法的调用
element-ui的upload组件的clearFiles方法的调用
283 0
|
9月前
|
前端开发
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
38 0
window.open()的一些操作属性
_media : url所指向的页面加载到Media Bar所包含的HTML代码区域中.如果没有Media Bar则加到本身.
|
前端开发
location.href与window.open()的用法与区别,你都知道吗?
通常在Web开发中,打开一个页面有两种方式,一种是使用location的href属性来打开一个页面;还有一种就是使用window对象下的open()方法。
585 0
location.href与window.open()的用法与区别,你都知道吗?
element-ui中的Select选择器中remote-method方法带自定义参数
element-ui中的Select选择器中remote-method方法带自定义参数
|
Web App开发 Linux Android开发
chrome报错formData.set is not a function的解决办法
chrome报错formData.set is not a function的解决办法
590 0
window.open常用参数具体意义
window.open常用参数具体意义
|
前端开发 开发者 iOS开发
通过 url 参数 parameters 和 script tag 属性来配置 SAP UI5 运行时
通过 url 参数 parameters 和 script tag 属性来配置 SAP UI5 运行时
通过 url 参数 parameters 和 script tag 属性来配置 SAP UI5 运行时
|
JavaScript
jquery(live)中File input的change方法只起一次作用的解决办法
jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。 错误写法 复制代码代码如下: $(“#uploadImg”).
1251 0