如何在模板中将数据从 Flask 传递到 JavaScript？

在模板中将数据从 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中文网其他相关文章！