提交表单并更改页面

时间:2013-12-18 21:05:03

标签: javascript php html forms submit

我正在尝试提交表单,打开一个将接收数据的新页面,而当前页面将返回索引。

这是我尝试做的事情:

<form method="post" action="newpage.php" target="_blank" onsubmit="location.replace('index.php')">
//inputs
<input type=image src="image.jpg" alt="Send" value=submit />
</form>

所以我想要它做的是在新选项卡中打开newpage.php,并在当前选项卡中打开index.php,但它似乎不会那样工作。 我也尝试过添加

onclick="location.replace('index.php')

到我的提交输入,但它也没有用。

有办法做到这一点吗? 感谢

2 个答案:

答案 0 :(得分:1)

//If you want to use Ajax + jQuery:

var fromData = $(#formID).serialize(); // your form's data
$.ajax({
  type: "POST",
  url: "newpage.php",
  data: fromData //sends the data to the new page.
})
  .done(function( msg ) {
    window.location.href = 'index.php' // redirects the page when finished.
});

答案 1 :(得分:0)

简答:你应该将重定向放在newpage.php(到index.php

说明:在加载操作页面之后,在页面卸载之前单击提交按钮时会触发onsubmit事件。注意:如果onsubmit返回false,则取消子目录。

因为您的页面已卸载,显然无法强制重定向。您应该从新加载的操作页面重定向。

http://www.w3schools.com/jsref/event_form_onsubmit.asp