recherche
Maisondéveloppement back-endTutoriel PythonComment éviter les erreurs de syntaxe JavaScript lors de l'utilisation de modèles Jinja et de données JSON ?

How to Avoid JavaScript SyntaxErrors When Using Jinja Templates and JSON Data?

JavaScript génère SyntaxError avec les données rendues dans le modèle Jinja

L'environnement Jinja de Flask échappe automatiquement aux données rendues dans les modèles HTML pour éviter les problèmes de sécurité. Lors du passage d'objets Python à traiter comme JSON, il est essentiel de gérer cet échappement correctement pour éviter les erreurs de syntaxe dans JavaScript.

Utilisation du filtre tojson

Pour rendre les objets Python en JSON sécurisé, utilisez le filtre tojson :

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

Dans le modèle, utilisez :

var tree = {{ tree|tojson }};

Ceci en toute sécurité transfère les données dans JSON et les marque comme sûres pour éviter toute fuite.

Traitement du JSON pré-vidé

Si le JSON a déjà été vidé dans une chaîne, utilisez le filtre sécurisé pour le marquer aussi sûr pour le rendu :

return render_template('tree.html', tree=json.dumps(tree))

Dans le modèle, utilisez :

var tree = {{ tree|safe }};

Utilisation Balisage

Vous pouvez également envelopper la chaîne dans Markup avant le rendu :

return render_template('tree.html', tree=Markup(json.dumps(tree)))

Dans le modèle, vous pouvez utiliser la valeur comme :

var tree = {{ tree }};

Éviter JSON pour Jinja Use

Si vous utilisez les données dans Jinja au lieu de les transmettre à JavaScript, n'utilisez pas tojson. Au lieu de cela, transmettez directement les données Python et utilisez-les normalement dans le modèle :

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!

    Déclaration
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Comment résoudre le problème des autorisations rencontré lors de la visualisation de la version Python dans le terminal Linux?Comment résoudre le problème des autorisations rencontré lors de la visualisation de la version Python dans le terminal Linux?Apr 01, 2025 pm 05:09 PM

    Solution aux problèmes d'autorisation Lors de la visualisation de la version Python dans Linux Terminal Lorsque vous essayez d'afficher la version Python dans Linux Terminal, entrez Python ...

    Comment utiliser la belle soupe pour analyser HTML?Comment utiliser la belle soupe pour analyser HTML?Mar 10, 2025 pm 06:54 PM

    Cet article explique comment utiliser la belle soupe, une bibliothèque Python, pour analyser HTML. Il détaille des méthodes courantes comme find (), find_all (), select () et get_text () pour l'extraction des données, la gestion de diverses structures et erreurs HTML et alternatives (Sel

    Sérialisation et désérialisation des objets Python: partie 1Sérialisation et désérialisation des objets Python: partie 1Mar 08, 2025 am 09:39 AM

    La sérialisation et la désérialisation des objets Python sont des aspects clés de tout programme non trivial. Si vous enregistrez quelque chose dans un fichier Python, vous effectuez une sérialisation d'objets et une désérialisation si vous lisez le fichier de configuration, ou si vous répondez à une demande HTTP. Dans un sens, la sérialisation et la désérialisation sont les choses les plus ennuyeuses du monde. Qui se soucie de tous ces formats et protocoles? Vous voulez persister ou diffuser des objets Python et les récupérer dans son intégralité plus tard. C'est un excellent moyen de voir le monde à un niveau conceptuel. Cependant, à un niveau pratique, le schéma de sérialisation, le format ou le protocole que vous choisissez peut déterminer la vitesse, la sécurité, le statut de liberté de maintenance et d'autres aspects du programme

    Comment effectuer l'apprentissage en profondeur avec TensorFlow ou Pytorch?Comment effectuer l'apprentissage en profondeur avec TensorFlow ou Pytorch?Mar 10, 2025 pm 06:52 PM

    Cet article compare TensorFlow et Pytorch pour l'apprentissage en profondeur. Il détaille les étapes impliquées: préparation des données, construction de modèles, formation, évaluation et déploiement. Différences clés entre les cadres, en particulier en ce qui concerne le raisin informatique

    Modules mathématiques en python: statistiquesModules mathématiques en python: statistiquesMar 09, 2025 am 11:40 AM

    Le module statistique de Python fournit de puissantes capacités d'analyse statistique de données pour nous aider à comprendre rapidement les caractéristiques globales des données, telles que la biostatistique et l'analyse commerciale. Au lieu de regarder les points de données un par un, regardez simplement des statistiques telles que la moyenne ou la variance pour découvrir les tendances et les fonctionnalités des données d'origine qui peuvent être ignorées et comparer les grands ensembles de données plus facilement et efficacement. Ce tutoriel expliquera comment calculer la moyenne et mesurer le degré de dispersion de l'ensemble de données. Sauf indication contraire, toutes les fonctions de ce module prennent en charge le calcul de la fonction moyenne () au lieu de simplement additionner la moyenne. Les nombres de points flottants peuvent également être utilisés. Importer au hasard Statistiques d'importation de fracTI

    Stracage des pages Web en Python avec une belle soupe: recherche et modification DOMStracage des pages Web en Python avec une belle soupe: recherche et modification DOMMar 08, 2025 am 10:36 AM

    Ce tutoriel s'appuie sur l'introduction précédente à la belle soupe, en se concentrant sur la manipulation de Dom au-delà de la simple navigation sur les arbres. Nous explorerons des méthodes et techniques de recherche efficaces pour modifier la structure HTML. Une méthode de recherche DOM commune est ex

    Quelles sont les bibliothèques Python populaires et leurs utilisations?Quelles sont les bibliothèques Python populaires et leurs utilisations?Mar 21, 2025 pm 06:46 PM

    L'article traite des bibliothèques Python populaires comme Numpy, Pandas, Matplotlib, Scikit-Learn, Tensorflow, Django, Flask et Demandes, détaillant leurs utilisations dans le calcul scientifique, l'analyse des données, la visualisation, l'apprentissage automatique, le développement Web et H et H

    Comment créer des interfaces de ligne de commande (CLI) avec Python?Comment créer des interfaces de ligne de commande (CLI) avec Python?Mar 10, 2025 pm 06:48 PM

    Cet article guide les développeurs Python sur la construction d'interfaces de ligne de commande (CLI). Il détaille à l'aide de bibliothèques comme Typer, Click et Argparse, mettant l'accent sur la gestion des entrées / sorties et promouvant des modèles de conception conviviaux pour une meilleure convivialité par la CLI.

    See all articles

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Article chaud

    R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
    3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Meilleurs paramètres graphiques
    3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Comment réparer l'audio si vous n'entendez personne
    3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

    Outils chauds

    Télécharger la version Mac de l'éditeur Atom

    Télécharger la version Mac de l'éditeur Atom

    L'éditeur open source le plus populaire

    Dreamweaver Mac

    Dreamweaver Mac

    Outils de développement Web visuel

    VSCode Windows 64 bits Télécharger

    VSCode Windows 64 bits Télécharger

    Un éditeur IDE gratuit et puissant lancé par Microsoft

    Adaptateur de serveur SAP NetWeaver pour Eclipse

    Adaptateur de serveur SAP NetWeaver pour Eclipse

    Intégrez Eclipse au serveur d'applications SAP NetWeaver.

    Version crackée d'EditPlus en chinois

    Version crackée d'EditPlus en chinois

    Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code