Wie kann ich in Vorlagen Daten von Flask an JavaScript übergeben?-Python-Tutorial-php.cn

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

Patricia Arquette

Freigeben： 2024-10-28 13:01:30

Original

1017 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!