如何將特定資料從 Flask 字典傳遞到 HTML 模板中的 JavaScript？

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