Comment résoudre l'erreur de syntaxe de JavaScript lors de l'analyse des données JSON rendues par Jinja ?

JavaScript génère une erreur de syntaxe avec les données rendues dans le modèle Jinja

Lorsque vous tentez de transmettre des données au format JSON d'une route Flask à un modèle Jinja et de les parcourir à l'aide de JavaScript, un pourrait rencontrer une "SyntaxError: Jeton inattendu '&'." Cette erreur se produit lorsque JSON.parse est appelé sur les données rendues.

Problème

Le problème provient de l'environnement Jinja de Flask, qui échappe automatiquement aux données rendues dans les modèles HTML par mesure de sécurité. Lorsque vous tentez d'utiliser ces données échappées en tant que JSON en JavaScript, des erreurs de syntaxe se produisent.

Solution : Utilisation du filtre tojson

Pour résoudre ce problème, Flask fournit le filtre tojson. Ce filtre transfère automatiquement les données Python vers JSON et les marque comme étant sûres pour le rendu en JavaScript.

Exemple :

return render_template("tree.html", tree=tree)

var tree = {{ tree|tojson }};

Solutions alternatives

Utilisation du filtre sécurisé :

Si le rendu JSON n'est pas effectué, le filtre sécurisé peut être utilisé pour empêcher Jinja d'échapper aux données.

Exemple :

var tree = {{ tree|safe }};

Utilisation du balisage :

Le les données peuvent également être encapsulées dans le balisage avant le rendu, ce qui équivaut à utiliser le coffre-fort filtre.

Exemple :

var tree = {{ tree }};

Transmission de données à Jinja au lieu de JavaScript

Si les données ne sont pas destinées à une utilisation JavaScript mais à Jinja , le filtre tojson n'est pas requis. Transmettez directement les données Python et utilisez-les comme n'importe quelle autre donnée dans le modèle.

Exemple :

return render_template("tree.html", tree=tree)

{% for item in tree %}
    

{{ item }}

{% endfor %}

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!