解析 Jinja 渲染的 JSON 資料時如何修復 JavaScript 語法錯誤？

Jinja 渲染資料的JavaScript 語法錯誤

問題： 嘗試解析在a 中呈現的JSON 資料時使用JavaScript 的Jinja HTML 範本遇到語法錯誤，指示意外的“&” token.

原因：出於安全原因，Flask 的 Jinja 環境會自動轉義 HTML 範本中呈現的資料。將 JSON 物件傳遞給 JavaScript 時，這是有問題的，因為轉義字元會幹擾解析。

解決方案：使用Flask 的tojson 過濾器或標記將資料標記為安全

To要解決這個問題，請利用Flask 的tojson 過濾器，它將資料轉儲到JSON中並標記它可以安全地在其中渲染JavaScript.

return render_template("template.html", data=tree|tojson)

替代方法：

• 安全過濾器（已棄用） ： 此過濾器雖然已棄用，但將資料標記為安全，無需JSON

var data = {{ tree|safe }};

• Markup Wrapper： 在渲染之前將 JSON 字串包裝在 Markup 中，相當於安全過濾器。

return render_template("template.html", data=Markup(json.dumps(tree)))

直接Python資料用法：

如果渲染的資料不是用於JavaScript，請考慮直接傳遞Python 資料，而不使用JSON 資料轉換或過濾器。

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

實作：

在金賈template:

var data = {{ data }};

for (i in obj) {
   document.write(obj[i].text + "<br />");
}

或者，可以直接使用Jinja 數據，無需JavaScript 解析：

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

以上是解析 Jinja 渲染的 JSON 資料時如何修復 JavaScript 語法錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！