Jinja2：如何创建多维javascript数组？

Question

我正在使用 Flask 和 Jinja2 作为模板语言。

如何使用 Jinja2 将多维 Python 结构转换为 javascript 中的相应结构？

示例（Python/Flask）：

pyStruct = [{key1:value1, key2:value2, [{subkey1:subvalue1, subkey2:subvalue2,}]},
            {key1:value1, key2:value2, [{subkey1:subvalue1, subkey2:subvalue2,}]},]

render_template('jinjatemplate.html', pyStruct=pyStruct)

示例（Jinja2）：

??

我想我要问的是，只能通过在 Jinja2 中创建复杂的循环结构来完成，还是我在某处缺少快捷方式？

如果答案是肯定的，必须在 Jinja2 中使用复杂的循环，那么直接在 python 中创建 javascript 代码并将其传递给 Jinja2 进行包含可能会容易得多。

但这似乎在某种程度上违背了使用像 Jinja2 这样的模板语言的目的...

我尝试过（Jinja2）：

{{ pyStruct|safe }}

...只要没有任何内容是 unicode，并且不偏离 Ascii 范围，这实际上就可以工作（它是在我的情况下通常是这样）。

哦，如果您想知道为什么要通过这种结构？我发现我经常想将相当复杂的结构传递给 javascript，以供菜单和其他复杂的选择界面使用。

Answer 1

您可以使用 json 模块作为 Jinja 过滤器，或者直接将 json.dumps() 的结果传递到您的模板。

pyStruct = [{key1:value1, key2:value2, [{subkey1:subvalue1, subkey2:subvalue2,}]},
            {key1:value1, key2:value2, [{subkey1:subvalue1, subkey2:subvalue2,}]},]

render_template('jinjatemplate.html', json_struct=json.dumps(pyStruct))

在模板中：

var myStruct = ({{ json_struct|e }});

警告：我对转义位（|e 过滤器）有点不确定。您可能需要检查 <、>、&字符使用 unicode 转义序列而不是 xml 实体进行正确转义。

Answer 2

使用 json 序列化它：

from django.utils import simplejson

pyStruct = [{'key1':'value1',
             'key2':'value2',
             'key3':[{'subkey1':'subvalue1', 'subkey2':'subvalue2'}]},
            {'key1':'value1',
             'key2':'value2',
             'key3':[{'subkey1':'subvalue1', 'subkey2':'subvalue2'}]}]
print simplejson.dumps(pyStruct)

Flask 可能有一种等效的 json 序列化数据的方法。这也可以使用 jinja2 中的循环结构来完成，但比使用 json 慢很多倍。