將資料從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中文網其他相關文章!