在模板中将数据从 Flask 传递到 JavaScript
在 Flask 应用程序中,一个常见的需求是在模板中将数据从 Python 传递到 JavaScript模板。这些数据可以源自数据库查询、API 响应或任何其他来源。
实现此目的的一种方法是通过 Flask 使用的模板引擎 Jinja2。 Jinja2 提供了一种在 HTML 模板中嵌入 Python 表达式的方法。通过将表达式括在双大括号 ({{ ) 和 ( }}) 中,可以访问变量、执行操作,甚至执行控制结构。
要将 Python 变量传递给 JavaScript,您只需包含它位于模板中的脚本标记内。例如,假设您有一个表示存储在 geocode 变量中的地理坐标的元组列表。您可以将它们传递给 JavaScript,如下所示:
<code class="html"><script> var myGeocode = [{{ ', '.join(geocode) }}]; </script></code>
Jinja2 提供了增强 Python 和 JavaScript 之间集成的附加功能。 tojson() 是一种有用的过滤器,它将 Python 对象转换为 JSON 格式。此过滤器对于将复杂的数据结构传递给 JavaScript 特别方便。
这是一个使用 tojson() 的示例:
<script> var myGeocode = {{ geocode | tojson }}; </script>
一旦数据传递给 JavaScript,您就可以访问和操作它使用 JavaScript 的本机数据类型和方法。
以上是如何在模板中将数据从 Flask 传递到 JavaScript?的详细内容。更多信息请关注PHP中文网其他相关文章!