将烧瓶接收的变量通过HTTP发布传递到烧瓶上html模板中的JavaScript?

时间:2019-08-28 13:22:43

标签: javascript python html opencv flask

因此,我正在创建一个Python应用程序,该应用程序使用OpenCV对检测到的对象进行计数,然后使用以下HTTP发布请求将计数器变量传递给Flask服务器:

requests.post('http://127.0.0.1:5000', json = {'count': count}) 

,烧瓶服务器接收变量,然后将其传递到html模板中的JavaScript,这是烧瓶服务器的代码:

app = Flask(__name__)

@app.route("/",methods=['GET', 'POST'])
def index():
    content = request.get_json(silent=True) 
    if content :
        cnt = content.get('count') #get JSON from OpenCV every time the count is updated 
        print cnt # here it prints the variable to the cmd and show me the count update
    return render_template("test.html", cnt = cnt); #here the value is passed as zero ?!

if __name__ == "__main__":
    app.run(debug=True)

并且当我运行'test.html'模板时,它只显示'cnt'变量= 0,尽管我不断地从我的OpenCV代码获取到我的烧瓶服务器的更新值。

这是我的“ test.html”的脚本部分

   <p>People count: <span id="counti"></span></p>
<script>
var countn = '{{cnt}}';
document.getElementById('counti').innerHTML = countn
</script>

我希望我的'count'变量能够顺利地从OpenCV传递并接收到Javascript中,从而使我的Web应用程序能够根据OpenCV观察到的对象数量做出决策。

执行此操作的最佳方法是什么?

非常感谢您的帮助!

0 个答案:

没有答案