使用 Jinja 範本和 JSON 資料時如何避免 JavaScript 語法錯誤？

JavaScript 對 Jinja 範本中呈現的資料引發 SyntaxError

Flask 的 Jinja 環境自動轉義 HTML 範本中呈現的資料以防止安全問題。將 Python 物件傳遞為 JSON 時，必須正確處理這種轉義以避免 JavaScript 中的語法錯誤。

使用tojson 過濾器

要將Python 物件渲染為安全JSON，請使用tojson 過濾器：

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

在模板中，使用：

var tree = {{ tree|tojson }};

這個安全地將資料轉儲為JSON 並將其標記為安全以防止轉義。

處理預轉儲的 JSON

如果 JSON已轉儲為字串，請使用安全過濾器來標記它對於渲染來說是安全的：

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

在模板中，使用：

var tree = {{ tree|safe }};

使用標記

或者，您可以在渲染之前將字串包裝在標記中：

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

在模板中，您可以將值用作:

var tree = {{ tree }};

避免Jinja 使用 JSON使用

如果您在 Jinja 中使用資料而不是將其傳遞給 JavaScript，請不要使用 tojson。相反，直接傳遞Python資料並在模板中正常使用：

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

{% for item in tree %}
    <li>{{ item }}</li>
{% endfor %}

以上是使用 Jinja 範本和 JSON 資料時如何避免 JavaScript 語法錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！