如何在模板中將資料從 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中文網其他相關文章！