TypeError: Undefined不是JSON可序列化的

TypeError: Undefined is not JSON serializable

本文关键字：序列化 JSON 不是 Undefined TypeError      更新时间：2023-09-26

我正在使用Flask编写一个小应用程序。我的服务器代码如下:

@app.route('/loadNext')
def loadNext():
    tmp = "Okay"
    return render_template("next.html",message = {"date_to":"from","date_from":tmp,"error_stat":[30,400,21,45],"mac_length":[7,7,7,7],"mac":[["1.1.1.1","1.2.1.2","3.2.1.1","3.1.4.5","1.3.2.4","5.5.4.3","2.1.6.7"],                                                       ["6.1.1.1","1.2.3.2","3.2.1.1","3.2.4.5","1.3.2.4","5.5.4.3","2.1.6.7"],                                                        ["9.1.1.1","4.2.1.2","3.2.1.1","3.7.4.5","1.3.2.4","5.5.4.3","2.1.6.7"],                                                        ["10.1.1.1","1.2.1.2","3.2.1.1","3.6.4.5","1.3.2.4","5.5.4.3","2.8.6.7"]]})

在我的javascript代码中，我使用for循环并访问如下值:

$("#loadtable").ready(function(){
    alert("Inside function");
    for (i = 0; i < 7; i++) {
        var tmp = {{message.mac[0][i]|tojson|safe}}; 
        alert(tmp); 
    }        
});

但是我得到这个错误:

TypeError: Undefined is not JSON serializable

我想我不应该在这里使用循环变量。但解决办法是什么呢?我哪里做错了?

Jinja不懂JavaScript。Jinja在服务器上呈现，然后在客户端上执行JavaScript。您不能从JavaScript循环中获取变量i并在Jinja表达式中使用它。相反，将JavaScript变量设置为Jinja表达式，然后在循环中使用该变量。

var message = {{ message|tojson }};
for (var i = 0; i < message['mac'][0].length; i++) {
    var item = message['mac'][0][i];
}

如果您只想输出数据，则不需要使用JavaScript。直接在Jinja中渲染就可以了。

<ul>{% for item in message.mac[0] %}
    <li>{{ item }}</li>
{% endfor %}</ul>
相关文章：