Inhaltsverzeichnis
Übergabe von Daten von Flask an JavaScript in Vorlagen
Standardansatz
Verwendung des Tojson-Filters
Erweiterte Verwendung
Heim Backend-Entwicklung Python-Tutorial Wie kann ich in Vorlagen Daten von Flask an JavaScript übergeben?

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

Oct 28, 2024 pm 01:01 PM

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie benutze ich eine schöne Suppe, um HTML zu analysieren? Wie benutze ich eine schöne Suppe, um HTML zu analysieren? Mar 10, 2025 pm 06:54 PM

Wie benutze ich eine schöne Suppe, um HTML zu analysieren?

Bildfilterung in Python Bildfilterung in Python Mar 03, 2025 am 09:44 AM

Bildfilterung in Python

So herunterladen Sie Dateien in Python So herunterladen Sie Dateien in Python Mar 01, 2025 am 10:03 AM

So herunterladen Sie Dateien in Python

So verwenden Sie Python, um die ZiPF -Verteilung einer Textdatei zu finden So verwenden Sie Python, um die ZiPF -Verteilung einer Textdatei zu finden Mar 05, 2025 am 09:58 AM

So verwenden Sie Python, um die ZiPF -Verteilung einer Textdatei zu finden

Wie man mit PDF -Dokumenten mit Python arbeitet Wie man mit PDF -Dokumenten mit Python arbeitet Mar 02, 2025 am 09:54 AM

Wie man mit PDF -Dokumenten mit Python arbeitet

Wie kann man mit Redis in Django -Anwendungen zwischenstrichen Wie kann man mit Redis in Django -Anwendungen zwischenstrichen Mar 02, 2025 am 10:10 AM

Wie kann man mit Redis in Django -Anwendungen zwischenstrichen

Wie führe ich ein tiefes Lernen mit Tensorflow oder Pytorch durch? Wie führe ich ein tiefes Lernen mit Tensorflow oder Pytorch durch? Mar 10, 2025 pm 06:52 PM

Wie führe ich ein tiefes Lernen mit Tensorflow oder Pytorch durch?

Einführung des natürlichen Sprach -Toolkits (NLTK) Einführung des natürlichen Sprach -Toolkits (NLTK) Mar 01, 2025 am 10:05 AM

Einführung des natürlichen Sprach -Toolkits (NLTK)

See all articles