栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何通过Jinja2将列表从Python传递到JavaScript

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何通过Jinja2将列表从Python传递到JavaScript

要将一些上下文数据传递给javascript代码,您必须对其进行序列化,以使其被javascript(即JSON)“理解”。您还需要使用

safe
Jinja过滤器将其标记为安全,以防止数据被html转义。

您可以通过执行以下操作来实现:

风景

import json@app.route('/')def my_view():    data = [1, 'foo']    return render_template('index.html', data=json.dumps(data))

模板

<script type="text/javascript">    function test_func(data) {        console.log(data);    }    test_func({{ data|safe }})</script>

编辑-确切答案

因此,要完全实现所需的功能(遍历项目列表,并将其传递给javascript函数),您需要分别序列化列表中的每个项目。您的代码将如下所示:

风景

import json@app.route('/')def my_view():    data = [1, "foo"]    return render_template('index.html', data=map(json.dumps, data))

模板

{% for item in data %}    <span onclick=someFunction({{ item|safe }});>{{ item }}</span>{% endfor %}

编辑2

在我的示例中,我使用

Flask
,我不知道您使用的是什么框架,但是您知道了,您只需要使其适合所使用的框架即可。

编辑3(安全警告)

永远不要使用用户提供的数据来执行此操作,而只能使用受信任的数据来执行此操作!

否则,您将使您的应用程序暴露于XSS漏洞!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/650599.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号