gpt4 book ai didi

javascript - 具有 jinja 渲染功能的 Flask 应用程序;不自动刷新网页

转载 作者:行者123 更新时间:2023-11-27 22:53:02 25 4
gpt4 key购买 nike

我有一个 Flask 应用程序,它查询数据库,并使用 jinja 模板使用检索到的数据呈现表格。我希望网页在第一次点击后继续定期刷新,这样如果数据库中的数据发生变化,网页就会显示新的数据。

我已经尝试了很多其他人在网上建议的方法,但似乎没有任何效果。这是我尝试过的示例:

1) 将以下代码放入 jinja 模板文件中:

<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<meta http-equiv="refresh" content="5">
</head>

2)将以下代码放入jinja模板文件中:

<head>
<script type="text/JavaScript">
function TimedRefresh( t ) {
setTimeout("location.reload(true);", t);
}
</script>
</head>

<body onload="JavaScript:TimedRefresh(2000);">
<p>Auto Refreshing Every 30 Seconds.</p>
</body>

3)将以下代码放入jinja模板文件中:

<head>
<script TYPE="text/javascript">
var datetime = null,
date = null;

var update = function () {
date = moment(new Date())
datetime.html(date.format('dddd, MMMM Do YYYY, h:mm:ss a'));
};

$(document).ready(function(){
datetime = $('#datetime')
update();
setInterval(update, 1000);
});
</script>
</head>

..和

<div id="datetime"></div>

等等..

没有任何效果。该页面就像门 Handlebars 一样死了——第一次加载,但除非我按下按钮,否则不会自动刷新。我实在是很纳闷。将不胜感激任何帮助。任何形式的刷新都可以——不需要分段。请帮忙。

谢谢你,妮拉。

最佳答案

复制粘贴下面的代码 {% block page_content %}行和上面 <style>模板文件中的行:

<script type="text/javascript">
var timer = function() {
setTimeout(function(){ window.location.reload(); }, 1500);
};
timer();
</script>

您的文件应如下所示:http://pastebin.com/G5tFxeA2

注意:这种刷新表数据的方法是一种极其糟糕的技术。您很可能希望使用 API 查询表数据并重绘所有字段。

关于javascript - 具有 jinja 渲染功能的 Flask 应用程序;不自动刷新网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37896697/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com