我知道如何使用
但是输出的是
{{data}}
从Flask (Python)将变量传递到我的模板HTML文件中。然而,我无法在JavaScript中访问列表中每个字典元素及其相应的键值对。
start.py
def func1():
data = filter() #returns a list of dictionaries
return render_template("template1.html", data=data)
template1.html
<html>
<head>
.....
</head>
<body>
<p>This is html: {{data}}</p>
<script type="text/javascript" src="{{url_for('static', filename='js/add.js') }}"></script>
<script type="text/javascript"></script>
</body>
</html>
add.js
//code to be written here
myvar
和This is html:
都输出整个字典列表。我已经尝试过myvar[0]
,但出于某种原因它只会输出[
。我也尝试过:
myvar = '{{data|tojson}}';
var parsed = JSON.parse(myvar);
document.write(parsed[0]);
但是输出的是
[object Object]
。
单引号
是重要的部分! - RaphaMex