如何將資料從 Flask 傳遞到模板中的 JavaScript?
Oct 28, 2024 pm 01:01 PM將資料從 Flask 傳遞到模板中的 JavaScript
在 Flask 中,您可以將資料從 Python 程式碼傳遞到模板中的 JavaScript 程式碼。這對於填充地圖或圖表等互動式元素非常有用。
標準方法
基本方法涉及在模板中使用 {{ variable }},它可以包含 Python 程式碼中的任何值。例如:
# Python code geocode = (latitude, longitude) return render_template('get_data.html', geocode=geocode)
登入後複製
# HTML template <head> <script> var someJavaScriptVar = '{{ geocode[1] }}'; </script> </head>
登入後複製
使用 tojson 過濾器
Jinja2 也提供了一個 tojson 過濾器。這可用於將Python 物件轉換為JSON 字串,該字串可以直接傳遞給JavaScript:
# Python code geocode = (latitude, longitude) return render_template('get_data.html', geocode=geocode|tojson)
登入後複製
# HTML template <head> <script> var myGeocodeObj = {{ geocode|tojson }}; </script> </head>
登入後複製
高階用法
Jinja2 支援用於建構JavaScript 的各種其他功能代碼,包括循環和條件語句。有關更多信息,請參閱 Jinja2 文件。
以上是如何將資料從 Flask 傳遞到模板中的 JavaScript?的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)