【问题标题】:javascript refresh page 5 seconds after form submit表单提交后5秒javascript刷新页面
【发布时间】:2016-11-12 22:49:17
【问题描述】:

我正在使用的表单是嵌入式 js 表单,因此我无法直接访问代码。

我正在参加展会,我希望在提交表单 5 秒后刷新包含表单的页面。

我正在使用此代码,但没有刷新。我错过了什么?

<script type="text/javascript">
// Reload page 5 seconds after form submission
$("form").onsubmit = setTimeout(function () {
    window.location = "/tradeshow/"; 
    }, 5000);
</script>

谢谢!

【问题讨论】:

  • 实际嵌入的表单代码是这样的:
  • 该代码没有意义,并且您没有显示您在哪里使用它 为预期的行为提供适当和完整的解释。如果表单通过默认提交过程提交,问题会更加复杂,因为页面重新加载将作为提交的一部分发生
  • 一旦表单被提交,新页面就会被加载,除非你异步处理提交。您应该将一些查询参数传递给目标页面并在那里添加setTimeout(function () { location.reload(); }, 5000);

标签: javascript forms onsubmit


【解决方案1】:

您必须为此使用location.reload() function

试试这个:

<script type="text/javascript">
// Reload page 5 seconds after form submission
$("form").onsubmit = setTimeout(function () {
        location.reload(true); //MODIFICATION
    }, 5000);
</script>

【讨论】:

  • setTimeout 代码将在页面加载时进行评估,除非它因为 jQuery 未初始化而失败
  • 我无法理解,您能否解释一下之前的评论,@AlexanderM。
  • 修改后的代码没有任何作用——页面没有刷新。
  • 这是完整的代码——它在一个 Wordpress 页面上:
【解决方案2】:

您只能使用元标记来更新用户页面而不提交表单:

meta http-equiv="Refresh" content="0.5"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-25
    • 1970-01-01
    • 1970-01-01
    • 2013-09-21
    • 2013-02-09
    相关资源
    最近更新 更多