首页 > 文章 > 后端开发 > 如何将数据从 Flask 传递到模板中的 JavaScript？

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

How Can I Pass Data from Flask to JavaScript in Templates?

将数据从 Flask 传递到模板中的 JavaScript

在 Flask 中，您可以将数据从 Python 代码传递到模板中的 JavaScript 代码。这对于填充地图或图表等交互式元素非常有用。

基本方法涉及在模板中使用 {{ variable }}，它可以包含 Python 代码中的任何值。例如：

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>

Jinja2 还提供了一个 tojson 过滤器。这可用于将 Python 对象转换为 JSON 字符串，该字符串可以直接传递给 JavaScript：

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>

Jinja2 支持用于构造 JavaScript 的各种其他功能代码，包括循环和条件语句。有关更多信息，请参阅 Jinja2 文档。

以上是如何将数据从 Flask 传递到模板中的 JavaScript？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多