如何正确地将变量从HTML传递到javascript

Question

我试图将JSON字符串从HTML传递到JavaScript，以便可以将字符串转换为对象，并从该对象中提取含义。但是，我的HTML代码中标记为<script>的部分未按预期运行。

我尝试传递的变量称为结果。它应该具有三个字段：face_detected，confidence和exception。

<h1>{{results}}</h1>

<p id="0"></p>
<script results=results>
var obj = JSON.parse(results)
document.getElementById("0").innerHTML = obj.face_detected + ", " + obj.confidence + ", " + obj.exception;
</script>

运行此代码时，我希望输出所有用“，”分隔的字段。但是，实际上，网页上没有任何内容。我该如何解决这个问题？

“结果”源自我用Flask连接到此HTML项目的Python脚本。显示“结果”来源的代码在这里。

def analysis(filename):
    f = Face_Detector("C:/Users/Nick/Documents/flask_app/static/img/" + filename)
    return render_template("analysis.html", filename=filename, results=f.detect_face())

我相当确定问题不在于结果的值，因为当我只输出结果而不通过