Comment puis-je transmettre des données de Flask à JavaScript dans un modèle ?

Transmission de données de Flask à JavaScript dans un modèle

Dans les applications Flask, une exigence courante est de transmettre des données de Python à JavaScript dans un modèle. Ces données peuvent provenir de requêtes de base de données, de réponses API ou de toute autre source.

Une façon d'y parvenir consiste à utiliser Jinja2, le moteur de modèles utilisé par Flask. Jinja2 fournit un moyen d'intégrer des expressions Python dans des modèles HTML. En plaçant des expressions entre doubles accolades ({{ ) et ( }}), il est possible d'accéder à des variables, d'effectuer des opérations et même d'exécuter des structures de contrôle.

Pour transmettre une variable Python à JavaScript, vous pouvez simplement inclure dans une balise de script dans votre modèle. Par exemple, supposons que vous disposiez d'une liste de tuples représentant des coordonnées géographiques stockées dans la variable de géocodage. Vous pouvez les transmettre à JavaScript comme suit :

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

Jinja2 offre des fonctionnalités supplémentaires qui améliorent l'intégration entre Python et JavaScript. Un filtre utile est tojson(), qui convertit un objet Python au format JSON. Ce filtre peut être particulièrement pratique pour transmettre des structures de données complexes à JavaScript.

Voici un exemple utilisant tojson() :

<script>
  var myGeocode = {{ geocode | tojson }};
</script>

Une fois les données transmises à JavaScript, vous pouvez accéder et manipuler en utilisant les types de données et méthodes natifs de JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!