【问题标题】:How to automatically reload a page after x seconds with form data resubmitted如何在重新提交表单数据的 x 秒后自动重新加载页面
【发布时间】:2016-11-01 20:52:04
【问题描述】:

我有 2 个 HTML 页面:一个要求用户输入有关某个主题的信息,另一个从与该主题相关的 Twitter 流 API 中提取 Twitter 数据。然而,这些信息会不断变化。当我手动刷新时,有一个弹出窗口通知我要“确认数据重新提交”,当我单击“继续”时,它会为我提供新信息。我想在我的代码中自动执行此操作,并且每 10 秒执行一次。

我的 HTML 页面是与 Flask 一起创建的,并使用 Twitter Bootstrap CSS 和 JS 文件。我尝试使用<meta> 方式,虽然它会自动刷新页面,但它不会保留上一页提交的表单数据。

这样的事情是不可能的吗?

【问题讨论】:

    标签: javascript jquery html twitter-bootstrap


    【解决方案1】:

    我假设您有一个提交此表单的按钮。您是否考虑过订阅 onClick 事件?您可以创建一个回调函数并在其中从窗口全局对象调用location.reload();

    【讨论】:

    • 要设置时间间隔,您可以使用 window.setInterval(function, milliseconds) 获取文档 [w3schools.com/js/js_timing.asp]
    • @Bappasarker 文档帮助很大。我想我也可以将@TheOpti 的答案应用于我网站的不同部分。我会接受这个作为我的答案
    • @Bappasarker 您的链接包含右括号顺便说一句:P
    • 对不起,我又把答案放在了答案框中。如果您得到帮助,请不要忘记给予积极的反馈,@mangoHero1
    【解决方案2】:

    你可以使用:

    location.reload();
    

    setInterval();
    

    【讨论】:

    • 谢谢,但我无法将两者结合起来。如果我这样做 this 我的页面会立即无休止地重新加载...
    • 啊,没关系。现在可以工作了。没有得到正确的功能部分。谢谢!
    【解决方案3】:

    要设置时间间隔,您可以使用 window.setInterval(function, milliseconds) 获取文档

    http://www.w3schools.com/js/js_timing.asp

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-19
      • 2015-01-17
      • 2016-03-28
      • 1970-01-01
      • 2017-02-03
      • 2020-10-16
      相关资源
      最近更新 更多