Bei der Arbeit mit Flask ist es oft notwendig, Daten vom Backend an das Frontend zur Bearbeitung durch JavaScript zu übergeben. Dies kann durch das Rendern von Vorlagen erreicht werden.
Die von Flask verwendete Jinja2-Vorlagen-Engine ermöglicht uns den direkten Zugriff auf Python-Variablen innerhalb von Vorlagen. Um eine Variable von Python an JavaScript zu übergeben, schließen Sie sie einfach in doppelte geschweifte Klammern {{ }} ein:
<code class="html"><head>
<script>
var myVariable = '{{ my_python_variable }}';
</script>
</head></code>Betrachten Sie das folgende Szenario, an das wir übergeben möchten ein Wörterbuch mit Geokoordinaten für die Google Maps API in einer Vorlage:
<code class="python"># Assuming 'events' is a dictionary
geocode = event['latitude'], event['longitude']
return render_template('my_template.html', geocode=geocode)</code>Um diese Daten in JavaScript verfügbar zu machen, können wir Jinja2 verwenden:
<code class="html"><head>
<script>
var lat = '{{ geocode[0] }}';
var lng = '{{ geocode[1] }}';
</script>
</head></code>Jinja2 bietet einen Tojson-Filter, der ein Python-Objekt in einen JSON-String umwandelt, der direkt in eine JavaScript-Variable eingebettet werden kann:
<code class="html"><script>
var geocode = {{ geocode|tojson }};
</script></code>Das obige ist der detaillierte Inhalt vonWie übergebe ich Daten in Vorlagen von Flask an JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
