Comment puis-je transmettre des données de Flask à JavaScript dans des modèles ?-Tutoriel Python-php.cn

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

Patricia Arquette

Libérer： 2024-10-28 13:01:30

original

790 Les gens l'ont consulté

How Can I Pass Data from Flask to JavaScript in Templates?

Transmission de données de Flask vers JavaScript dans des modèles

Dans Flask, vous pouvez transmettre des données de votre code Python au code JavaScript dans vos modèles. Ceci est utile pour remplir des éléments interactifs tels que des cartes ou des graphiques.

Approche standard

Une méthode de base consiste à utiliser {{ variable }} dans votre modèle, qui peut contenir n'importe quelle valeur de votre code Python. Par exemple :

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

Copier après la connexion

# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>

Copier après la connexion

Utilisation du filtre tojson

Jinja2 fournit également un filtre tojson. Cela peut être utilisé pour convertir un objet Python en une chaîne JSON, qui peut être directement transmise à JavaScript :

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

Copier après la connexion

# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>

Copier après la connexion

Utilisation avancée

Jinja2 prend en charge diverses autres fonctionnalités pour la construction de JavaScript. code, y compris les boucles et les instructions conditionnelles. Pour plus d'informations, reportez-vous à la documentation Jinja2.

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!