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:30897Durchsuche
Ü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!