单击提交后如何重定向指向的网址？

Question

我有一个 html 表单，一旦单击“提交”按钮，它就会提交给 Servlet。提交后，Servlet 重定向到一个固定的 url，即

http://siteforServlets.com/Servlet/Servlet

然后该站点显示如下所示的 xml 报告：

对不起，我无法发布图片，没有足够的代表，所以我在这里上传了直接链接： http://img836.imageshack.us/img836/3343/sitea.png

我不希望我的用户在看到 xml 时感到困惑，我更喜欢它进入空白页面或重定向到不同的 url...

如何重定向 url 以隐藏此 xml 报告 url？

马克，我试过你所说的，但它甚至在表单加载之前就重定向了。这是我为演示您的建议而制作的一个快速 jsfiddle：jsfiddle.net/ujsEG/12/

Answer 1

您可以尝试使表单以隐藏 iframe 为目标，然后通过对 window.location.href 的 javascript 调用设置 iframe 的 onload 属性。

<script type="text/javascript">
var okToRedirect = false;
function redirect() {
    if (okToRedirect) {
        window.location.href = 'path/to/new/location';
    }
}
</script>

<form action="...some action..." target="MyIframe" onsubmit="okToRedirect = true;">
...
</form>

<iframe name="MyIframe" style="display: none;" onload="parent.redirect()"></iframe>

当表单发布时，结果将显示在隐藏的 iframe 中。一旦 iframe 完成加载，onload 属性将触发 javascript 以重定向用户。

更新

由于您的评论，我更新了我的答案。我添加了一个 iframe 可以调用的 javascript 方法。现在有一个全局变量，最初设置为 false。这将防止页面的首次加载重定向。当表单发布时，表单上的onsubmit 事件会将全局变量okToRedirect 设置为true，iframe 将重新加载并调用redirect() 方法。这一次，将发生重定向。