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