首頁 > 後端開發 > Python教學 > 將資料從 Flask 傳遞到 JavaScript 時如何避免 JSON 語法錯誤?

將資料從 Flask 傳遞到 JavaScript 時如何避免 JSON 語法錯誤?

Susan Sarandon
發布: 2024-12-28 01:08:09
原創
302 人瀏覽過

How to Avoid JSON Syntax Errors When Passing Data from Flask to JavaScript?

將資料從Flask 傳遞到JavaScript:處理JSON 語法錯誤

嘗試將JSON 資料從Flask 路由傳遞到Jinja 模板,在渲染資料上呼叫JSON.parse 時,您可能會遇到SyntaxError。此錯誤通常在渲染過程中轉義 JSON 字元時發生。

為了解決此問題,Flask 提供了 tojson 過濾器。當應用於資料時,它會自動將 Python 物件轉儲為 JSON 並將其標記為可以安全渲染。

這裡有一個範例:

return render_template('tree.html', tree=tree)
登入後複製
登入後複製
<script>
    var tree = {{ tree|tojson }};
</script>
登入後複製

特殊情況的過濾器

如果JSON 已經轉儲為字串,則可以使用安全 在渲染之前過濾或包裝標記中的字串。

return render_template('tree.html', tree=json.dumps(tree))
登入後複製
<script>
    var tree = {{ tree|safe }};
</script>
登入後複製

Jinja 使用的替代方法

如果您直接在 Jinja 中處理資料而不將其傳遞給 JavaScript,則不需要JSON。只需傳遞實際的 Python 數據,而不呼叫 tojson.

return render_template('tree.html', tree=tree)
登入後複製
登入後複製

以上是將資料從 Flask 傳遞到 JavaScript 時如何避免 JSON 語法錯誤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板