将数据从 Flask 传递到模板中的 JavaScript
您的应用程序使用 API 来检索存储在字典中的数据。您的目标是将特定信息(即经度和纬度坐标)从该字典传递到视图中的 JavaScript。要理解如何实现这一点,必须理解 Flask 将变量传递给模板的过程。
Flask 利用 render_template 函数将变量发送到在浏览器中呈现的模板。使用 Jinja2 模板引擎,可以在 HTML 标记中访问和显示这些变量。
要使变量可用于 JavaScript,您可以利用 Jinja2 的功能将 Python 表达式直接嵌入到模板中。只需将变量名称括在双花括号 ({{variable_name}}) 内即可。例如,您可以使用以下代码片段将地理编码传递给 JavaScript:
<code class="html"><script> var myGeocode = '{{ geocode[1] }}'; </script></code>
此代码片段将 geocode[1] 的值分配给 JavaScript 变量 myGeocode。请注意,您可以使用此语法访问传递给模板的任何变量,无论其在 HTML 文档中的位置如何。
对于列表等更复杂的数据结构,您可以使用 join() 函数来构造逗号-分隔的字符串并将其作为数组传递给 JavaScript。这是一个示例:
<code class="html"><script> var myGeocode = [{{ ', '.join(geocode) }}]; </script></code>
以上是如何将特定数据从 Flask 字典传递到 HTML 模板中的 JavaScript?的详细内容。更多信息请关注PHP中文网其他相关文章!