POST窗体到新窗口

Question

我要尽我所能来尝试解释我想要实现的目标，然后我要将表单发布到post_form_here.html，然后将主页面重定向到redirect_main_page.html我需要表单将值发布到弹出窗口，然后将主页面重定向到重定向页面。

<form method="POST" onclick="window.open('POST_FORM_HERE.HTML', 'newwindow', 
'width=500,height=500'); return true;" action="REDIRECT_MAIN_PAGE.HTML"> 

这是我到目前为止然而，这个帖子的形式向redirect_main_page.html，而不是post_form_here.html。感谢您的任何帮助，我希望我已经解释了我想要实现的目标。

Answer 1

新窗口使用试试这个

HTML

<form id="form"> 
    <input type="text" name="name" > 
    <input type="text" name="age" > 
    <input type="submit"> 
</form> 

JS

var form = $("#form"); 
form.on("submit",function(){ 
    window.open("POST_FORM_HERE.html?" + form.serialize(), "newwindow", 'width=500,height=500'); 
    window.location.href = "/REDIRECT_MAIN_PAGE.html"; 
    return false; 
}) 

Answer 2

使用target = “_空白” 的形式

<form action="demo_form.asp" method="get" target="_blank">  
</form> 

如果你想这样

<form method="post" 
      target="new_popup" 
      action="https://www.google.co.in/" 
      onsubmit="window.open('about:blank','new_popup','width=500,height=300');"> 

     <input type="text" /> 
     <input type="submit" /> 
    </form>