如何將資料從 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)
