使用 jinja2 遍历 html 中的 json 对象

Question

我有一个名为 dics 的词典列表。我应用了以下转换：

res= json.dumps({"dics": dics})
data = json.loads(res)

并像这样使用烧瓶

return  render_template( "index.html" ,  data = data  )

现在在 index.html 中，当我添加 {{ data }} 时，我得到了一个字典，它的值是这样的字典列表：

{'data': [{'video_id': '-44FZRHVPnA', 'start_time': 71.28}, {'video_id': '--1vgrmep6k', 'start_time': 7792.0}, {'video_id': '--1vgrmep6k', 'start_time': 4489.84}, {'video_id': '_-Jm3tE3GTE', 'start_time': 245.36}, {'video_id': '--1vgrmep6k', 'start_time': 4282.719}]}

我想循环遍历HTML中的{{ data }}以获取列表中的词典我试过

{{data}}['data'][0]['video_id']

和访问 {{ data }} 的一些变体，如果我尝试除 {{ data }} 之外的任何东西，总是给我数据未定义。

Answer 1

您可以像这样循环浏览字典：

{%for record in data%}
<p>{{record.video_id}} {{record.start_time}}</p>
{%endfor%}

使用 jinja2 遍历 html 中的 json 对象

Looping though json object in html using jinja2

html

python

json

jinja2

flask