提交后如何重定向

Question

我非常感谢提供的代码的帮助。 表单数据提交后，我想将提交者重定向到我选择的任何页面。

如果将代码插入以下链接“ http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default ”并按照提示进行操作，您将看到它何时进入“约会摘要”页面是顶部的文本，指示用户“单击此处支付押金”。 我遇到的问题是人们没有点击要重定向的文本。 我想在用户提交表单（也称为计划约会）后，约会摘要页面可见几秒钟，然后将用户自动重定向到我选择的url页面。 我也不想在帐户摘要上完全看到“ CLICK + HERE + TO + PAY + YOUR + DEPOSIT”文本，仅在提交表单后进行重定向。

这是代码：

    <iframe id="schedulista-widget-00" 
    src="https://www.schedulista.com/schedule/neecostylez?
    mode=widget&rt_url=http://www.neecostylez.com/product-page/b58af64e-f174-6c25-a524-
    6388b7ddd6b7&rt_text=CLICK+HERE+TO+PAY+YOUR+DEPOSIT" ="true" 
    frameborder="0" scrolling="no" width="100%" height="900px">
    </iframe><script id="schedulista-widget-script-00" type="text/javascript" 
    src="https://www.schedulista.com/schedule/neecostylez/widget.js"></script>

这也是我希望用户也可以（已提交表单）又安排了他们的约会之后将其重定向的地方。 http://www.neecostylez.com/product-page/b58af64e-f174-6c25-a524-6388b7ddd6b7

Answer 1

这是非常简单的window.location = "http://www.yoururl.com";

这是w3school链接： http : //www.w3schools.com/js/js_window_location.asp

如果您需要使用PHP进行重定向，这将有所帮助： 如何在PHP中进行重定向？

Answer 2

如果其他人正在寻找相同的东西，那么将其添加到此答案中，将不会对SCHEDULISTA小部件起作用。 那是因为有跨源策略，并且schedulista不允许您访问其最终代码。

以下解决方案仅在您有权访问iframe代码时才有效。

我们在iframe中的提交按钮上添加了一个事件触发器（如onClick），并在父窗口中触发了一个功能。使用以下命令从iframe提交按钮中调用功能：

parent.redirect_function();

此时，我们可以在父窗口中添加一个设置超时时间，以设置您希望在重定向之前等待的时间（为iframe重新加载网址）。

function redirect_function(){
setTimeout(function(){ 
document.getElementById('myframe').src = 'http://www.test.com'; 
}, 3000);
}



/* IFrame  */

<form method="post"  id="myform" name="myform" action="/"  >
<input type="text" name="input1" value="2073809442" />
<input type="text" name="input2" value="1" />
<input type="submit" name="submit" value="submit" onClick="return parent.redirect_function();" />
 </form>

/* Script in parent window */

    function redirect_function(){
    setTimeout(function(){ 
    document.getElementById('myframe').src = 'http://www.exsamp.com'; 
    }, 3000);
    }


/* Html for iframe in parent window */

<iframe frameborder="0" scrolling="no" width="530" height="298"
  src="iframe.html" name="myframe" id="myframe">
  <p>iframes are not supported by your browser.</p>
</iframe><br />