Wie übergebe ich Daten von Flask an JavaScript in Vorlagen für die Google Maps API?

Übergabe von Daten von Flask an JavaScript in Vorlagen

Übersicht

Ihre Flask-Anwendung erfordert insbesondere die Übergabe von Informationen aus einem Python-Wörterbuch an JavaScript in einer Vorlage für die Google Maps API.

Lösung

Render_template in Flask bietet einen Mechanismus zum Übergeben von Variablen an Vorlagen für das HTML-Rendering. Um diese Funktionalität auf JavaScript zu erweitern, können Sie die Jinja-Templating-Engine nutzen. So geht's:

1. Variablen überall einbinden: Jinja-Variablen können in Ihrer gesamten Vorlage verwendet werden, einschließlich des JavaScript-Teils.
2. Direkte Zuweisung: Weisen Sie JavaScript-Variablen direkt mit {{ variable }} zu. Sie können beispielsweise den Längengrad einer JavaScript-Variablen zuweisen:

<code class="javascript"><script>
  var longitude = '{{ geocode[1] }}';
</script></code>

3. Array-Definitionen generieren: Wenn Sie ein Array an JavaScript übergeben möchten, generieren Sie es als Array-Definition in Ihrer Vorlage:

<code class="html">  <script>
    var geocode = ['{{ geocode[0] }}', '{{ geocode[1] }}'];
  </script></code>

4. Verwenden Sie Jinja-Konstrukte: Jinja bietet erweiterte Konstrukte. Sie können beispielsweise die Array-Definition mit dem Join-Filter verkürzen:

<code class="html"><script>
  var geocode = [{{ ', '.join(geocode) }}];
</script></code>

5. Tojson-Filter in Betracht ziehen: Für komplexere Datenstrukturen verwenden Sie den Tojson-Filter Konvertieren Sie Wörterbücher und Listen in JSON-Strings für die JavaScript-Verwendung:

<code class="html">  <script>
    var geocode = {{ geocode | tojson }};
  </script></code>

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