每隔几分钟调用一次 Flask 函数

Question

在我的 HTML 页面上，我有一个获取函数 getStatus() 值的跨度：

<span id="sysStatus" style="font-weight: bold;">{{ status }}</span>

返回状态的函数：

def getStatus():
    state = database().getState()
    if state:
        status = " On"
    else:
        status = "Off"
    return status

渲染html页面：

class Tongles(flask.views.MethodView):
    def get(self):
        return flask.render_template('page.html', status=getStatus())

我想以某种方式动态刷新系统的状态，以及 span 上的文本。

如何在不重新加载整个页面的情况下调用 getStatus 函数？

Answer 1

flask_app.py 将路由添加到您的 getStatus 方法

...
@app.route("/myStatus")
def getStatus():
    state = database().getState()
    if state:
        status = " On"
    else:
        status = "Off"
    return status
 ...

page.html 使用 ajax 回调来使用 jquery（或其他如果你想要的）填充 div

...

<span id="sysStatus" style="font-weight: bold;">{{ status }}</span>

...
...

<script>
$(document).ready(function() {
    setInterval("ajaxd()",10000); // call every 10 seconds
});

function ajaxd() { 
  //reload result into element with id "sysStatus"
  $("#sysStatus").load("/myStatus", function() {  alert( "Load was performed." ); });

}
</script>

...