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

Linda Hamilton
發布: 2024-10-31 09:21:02
原創
816 人瀏覽過

How can I pass specific data from a Flask dictionary to JavaScript within an HTML template?

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板