Heim > Artikel > Backend-Entwicklung > Wie kann ich in Vorlagen Daten von Flask an JavaScript übergeben?

Wie kann ich in Vorlagen Daten von Flask an JavaScript übergeben?

Patricia ArquetteOriginal: 2024-10-28 13:01:30790Durchsuche

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

Übergabe von Daten von Flask an JavaScript in Vorlagen

In Flask können Sie Daten aus Ihrem Python-Code an JavaScript-Code in Ihren Vorlagen übergeben. Dies ist nützlich, um interaktive Elemente wie Karten oder Diagramme zu füllen.

Standardansatz

Eine grundlegende Methode besteht darin, {{ Variable }} in Ihrer Vorlage zu verwenden, die einen beliebigen Wert aus Ihrem Python-Code enthalten kann. Zum Beispiel:

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

# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>

Verwendung des Tojson-Filters

Jinja2 bietet auch einen Tojson-Filter. Dies kann verwendet werden, um ein Python-Objekt in einen JSON-String zu konvertieren, der direkt an JavaScript übergeben werden kann:

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

# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>

Erweiterte Verwendung

Jinja2 unterstützt verschiedene andere Funktionen zum Erstellen von JavaScript Code, einschließlich Schleifen und bedingte Anweisungen. Weitere Informationen finden Sie in der Jinja2-Dokumentation.

Das obige ist der detaillierte Inhalt vonWie kann ich in Vorlagen Daten von Flask an JavaScript übergeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Python JavaScript flask json String Object for Filter using Conditional this

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Können Sie ein Wörterbuch in Python einfrieren?Nächster Artikel：Können Sie ein Wörterbuch in Python einfrieren?

In Verbindung stehende Artikel

Mehr sehen