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

Patricia Arquette
Freigeben: 2024-10-28 13:01:30
Original
896 Leute haben es durchsucht

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)
Nach dem Login kopieren
# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>
Nach dem Login kopieren

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)
Nach dem Login kopieren
# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage