将数据从 Flask 传递到模板中的 JavaScript
在 Flask 中,可以利用 Jinja2 将视图中的数据集成到 JavaScript 中模板引擎。 Jinja2 允许在模板中访问 Flask 视图中声明的变量。
要将包含经度和纬度信息的元组列表传递给 JavaScript,您可以修改视图以在模板中使用 Jinja2 的插值:
<code class="html"><script> var geocode = [{{ ', '.join(geocode) }]; </script></code>
在 JavaScript 代码中,您可以引用地理编码变量来访问经度和纬度值。
或者,您可以在输出中生成数组定义:
<code class="html"><script> var geocode = ['{{ geocode[0] }}', '{{ geocode[1] }}']; </script></code>
Jinja2 提供了先进的 Python 结构,使您能够简化代码:
<code class="html"><script> var geocode = [{{ '"{}, {}"'.format(*geocode) }}]; </script></code>
此外,Flask 还提供 tojson 过滤器来将 Python 对象转换为 JSON 字符串,该字符串可以传递到 JavaScript 对象中:
<code class="html"><script> var geocode = {{ geocode | tojson }}; </script></code>
通过利用这些技术,您可以有效地将数据从 Flask 视图传输到模板中的 JavaScript。
以上是以下是一些可能的标题,请记住问答格式: 直接、简洁: * 如何在模板中将 Flask 数据传递给 JavaScript? * 从 Flask 传递纬度/经度到的详细内容。更多信息请关注PHP中文网其他相关文章!