如何將資料從 Flask 傳遞到模板中的 JavaScript?

Patricia Arquette
發布: 2024-10-28 13:01:30
原創
908 人瀏覽過

How Can I Pass Data from Flask to JavaScript in Templates?

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

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