Heim > Web-Frontend > js-Tutorial > Warum erhält mein JavaScript beim Rendern von JSON-Daten aus einer Jinja-Vorlage einen Syntaxfehler?

Warum erhält mein JavaScript beim Rendern von JSON-Daten aus einer Jinja-Vorlage einen Syntaxfehler?

Susan Sarandon
Freigeben: 2024-12-11 21:37:10
Original
345 Leute haben es durchsucht

Why Does My JavaScript Get a SyntaxError When Rendering JSON Data from a Jinja Template?

JavaScript löst Syntaxfehler bei in der Jinja-Vorlage gerenderten Daten aus

Einführung

Bei der Übergabe von JSON-Daten von einer Flask-Route an eine Jinja-Vorlage kann es sein, dass der Browser wirft einen SyntaxError: Unexpected token '&'. Beim Rendern der Daten wurde ein Eigenschaftsname erwartet. Für den erfolgreichen Umgang mit Vorlagen ist es von entscheidender Bedeutung, zu verstehen, wie mit gerenderten JSON-Daten in JavaScript umgegangen wird.

Escape und JSON-Rendering

Die Jinja-Umgebung von Flask maskiert in HTML-Vorlagen gerenderte Daten automatisch, um Sicherheitslücken zu vermeiden. Für Daten, die als JSON behandelt werden müssen, stellt Flask den Tojson-Filter bereit, der die Daten in JSON ausgibt und als sicher markiert. Durch die Verwendung des Tojson-Filters wird sichergestellt, dass die Daten ohne Escapezeichen gerendert werden, sodass sie in JavaScript korrekt analysiert werden können.

tree = get_nodes("Root")
return render_template("folder.html", data=tree|tojson)
Nach dem Login kopieren
var tree = {{ tree|tojson }};
Nach dem Login kopieren

Alternativ kann in älteren Flask-Versionen der sichere Filter zum Markieren verwendet werden Daten als sicher:

var tree = {{ tree|tojson|safe }};
Nach dem Login kopieren

Sichere Filter verwenden

Wenn die Daten bereits gespeichert wurden JSON, der sichere Filter kann verwendet werden, um es als sicher für das Rendern ohne Escape zu markieren:

return render_template('tree.html', tree=json.dumps(tree))
Nach dem Login kopieren
var tree = {{ tree|safe }};
Nach dem Login kopieren

Das Einschließen der JSON-Zeichenfolge in Markup entspricht auch der Verwendung des sicheren Filters:

return render_template('tree.html', tree=Markup(json.dumps(tree)))
Nach dem Login kopieren
var tree = {{ tree }};
Nach dem Login kopieren

Python-Daten in Jinja verwenden

Wenn die Daten nicht an JavaScript übergeben, sondern in Jinja verwendet werden, können Sie dies tun Lassen Sie das JSON-Rendering weg und verwenden Sie Python-Daten direkt:

return render_template('tree.html', tree=tree)
Nach dem Login kopieren
{% for item in tree %}
<li>{{ item }}<li>
{% endfor %}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum erhält mein JavaScript beim Rendern von JSON-Daten aus einer Jinja-Vorlage einen Syntaxfehler?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage