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

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

在 Flask 中，您可以將資料從 Python 程式碼傳遞到模板中的 JavaScript 程式碼。這對於填充地圖或圖表等互動式元素非常有用。

標準方法

基本方法涉及在模板中使用 {{ variable }}，它可以包含 Python 程式碼中的任何值。例如：

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

# HTML template

  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>

使用 tojson 過濾器

Jinja2 也提供了一個 tojson 過濾器。這可用於將Python 物件轉換為JSON 字串，該字串可以直接傳遞給JavaScript：

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

# HTML template

  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>

高階用法

Jinja2 支援用於建構JavaScript 的各種其他功能代碼，包括循環和條件語句。有關更多信息，請參閱 Jinja2 文件。

以上是如何將資料從 Flask 傳遞到模板中的 JavaScript？的詳細內容。更多資訊請關注PHP中文網其他相關文章！