如何序列化python类以传递给javascript

Question

我正在尝试将变量传递给烧瓶中的 javascript。 但我收到以下错误：TypeError: Object of type MyClass is not JSON serializable

代码：

routes.py：

@app.route('/')
@app.route('/index')
def index():
    data = {
        "foo": myObj
    }
    return render_template('index.html', data=data)

注意myObj 是MyClass 类型的自定义类对象。

index.html:

    <script src="{{ url_for('static', filename='my_script.js', type="module") }}" crossorigin="anonymous"
            defer>
    </script>
    <script>
        let data = {{ data|tojson }};
    </script>

my_script.js：

console.log(data);

我试图简单地写 {{ data }} 而不是 {{ data|tojson }} 但我得到了错误： Uncaught SyntaxError: Unexpected token '&' 和 my_script.js?type=module:1 Uncaught ReferenceError: data is not defined at my_script.js?type=module:1

我知道有很多问题，但我找不到解决这个问题的问题。

Answer 1

这里的问题是您试图将 Python 对象传递给 Javascript。这是行不通的。最好的办法是把它转换成 JSON，它在 Python 和 Javascript 之间是兼容的。

使用json 模块，您可以序列化您的字典。但是，MyClass 的 Python 对象不是 JSON 可序列化的。您应该能够序列化 __data__ 属性，它是对象中的属性字典。

像这样改变你的 Python：

import json

@app.route('/')
@app.route('/index')
def index():
    data = {
        "foo": myObj.__dict__
    }
    return render_template('index.html', data=json.dumps(data))