Question

我正在使用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不是JSON可序列化的

我想我不应该在这里使用循环变量。但它的解决方案是什么？我哪里错了？

Answer 1

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>

TypeError：Undefined不是JSON可序列化的

1 个答案: