gpt4 book ai didi

javascript - python - 在 javascript Flask 中传递字典列表

转载 作者:行者123 更新时间:2023-11-29 19:03:19 25 4
gpt4 key购买 nike

我知道如何使用 {{data}} 将变量从 Flask (python) 传递到我的模板 html 文件。但是,我无法访问 javascript 列表中的每个字典元素及其各自的键值对。

开始.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">
myvar = '{{data}}';
document.write(myvar);

</script>
</body>

</html>

add.js

//code to be written here

myvarThis is html: 都输出了整个字典列表。我已经尝试过 myvar[0] 但出于某种原因只能输出 [ 。我也做过:

myvar = '{{data|tojson}}';
var parsed = JSON.parse(myvar);
document.write(parsed[0]);

但是输出 [object Object]

最佳答案

通过将 data 放在单引号中,您可以创建一个字符串。要将 python 数据类型转换为 JavaScript,请使用 {{ data | 序列化它们tojson }}.

var parsed = JSON.parse('{{data | tojson}}');

您可能需要使用 safe 过滤器对输出进行转义。查看更多信息 sending data as JSON object from Python to Javascript with Jinja

关于javascript - python - 在 javascript Flask 中传递字典列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45132524/

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