表单提交表单后重定向页面

时间:2017-04-29 15:13:01

标签: javascript html forms

<body onload="document.action.submit()">
<form name="action" method="post" action="https://en.educaplay.com/en/registrar.php" >
<input type="hidden" name="action" value='loginTicket'>

    <input name="ticket" type="text" id="ticket" value="<%= session[:educa_key] %>">
    <input type="submit" name="entrar" id="entrar2" value="Sign in" class="btn">
</form>

现在,我希望在提交表单数据后将提交者重定向到我选择的任何页面,但该操作位于我无法编辑的另一个网站上。在将数据提交到该网站后,是否可以将用户重定向到任何页面?我已经检查了一些建议,但此时没有成功。提前谢谢

5 个答案:

答案 0 :(得分:0)

当您提交表单时,将会自动将浏览器重定向到您在表单的action属性中指定的URL。这是一个最小的例子:

&#13;
&#13;
<form action="http://stackoverflow.com">
  <input type="text">
  <input type="submit" value="Submit">
</form>
&#13;
&#13;
&#13;

现在,如果您想正确编码表单,则应遵循发布/重定向/获取模式。 Ajax是您想要做的可行解决方案:

(function () {
  // Dummy submit handler
  function handler() {
    var xhr = new XMLHttpRequest(),
        url = "action.php",
        params = "foo=Foo&bar=Bar";

    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xhr.onreadystatechange = function() {
      if(xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
        location.href = "http://stackoverflow.com";
      }
    }

    xhr.send(params);
  }
})();

答案 1 :(得分:0)

registar.php文件中,添加header('Location: https://www.example.com/example.html');

这不一定是JavaScript,但它可能是最有效的方法。

答案 2 :(得分:0)

如果您不必等待答案,可以使用javascript(如果您愿意,可以使用jquery):

$("#entrar2").click(function(){
    $(location).href(link);
});

答案 3 :(得分:0)

您的提交将取消重定向。

<form name="form1" id="form1" method="post" onsubmit="return redirect()">  
   <input type="submit" class="button4" name="order" id="order" value="Place Order" >
</form>

<script>
    function redirect() {
        window.location.replace("login.php");
        return false;
    }
</script>

OR

document.getElementById("formId").onsubmit=function() {
   window.location.replace("https://jsfiddle.net/");
   return false;
}    

答案 4 :(得分:0)

在提交表单之前,您必须使用curl将数据发送到其他网站。您可以在哪里处理数据或存储数据。在其他页面成功响应后,您可以将用户重定向到任何页面