打开新页面，并在新页面中以POST方式发送本页面中的form

原创于 2010-08-20 19:07:44 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java

Struts2 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何利用JavaScript的window.open方法结合HTML form元素实现特定窗口的打开与数据提交功能。关键在于设置window.open方法中的名称参数与form元素target属性一致，确保数据正确发送到指定的新窗口。

原本以为只能以get（url）的方式打开新页面，事实证明我基础不牢、孤陋寡闻了。。。


<script>   
    function openSpecfiyWindown( windowName )   {   
     window.open('about:blank',windowName,'width=700,height=400,menubar=no,scrollbars=no');   
    }   
 </script>


  <form id="editForm" name="editForm" method="post" action="viewUser" target="colors123" onsubmit="openSpecfiyWindown( 'colors123' )">  
    <fieldset>  
      <input type="hidden" id="id" name="id" value="$!{User.id}" />  
      <input type="submit" />  
     </fieldset>  
  </form>

其中的关键：
1.是window.open('about:blank',windowName,中的windowName，target="colors123“设置了在IDcolors123为新页面中发送当前的form
2.form的onsubmit事件发生在submit事件之前，但这个submit事件必须是点击submit按钮触发的，如果是form.submit()生成的submit事件则不会触发onsubmit事件。