Question

我正在努力将数据从我的龙卷风网络服务器转移到javascript handontable。我认为问题与正确转义或编码数据有关，但我无法弄明白。

这是python代码。我正在列出一个列表并将其编码为json。

class hot_index(tornado.web.RequestHandler):
    def get(self):
        self.render("hot_tradedata.html",
                    data=json.dumps([
                            ['', 'Tesla', 'Nissan', 'Toyota', 'Honda', 'Mazda', 'Ford'],
                            ['2017', 10, 11, 12, 13, 15, 16],
                            ['2018', 10, 11, 12, 13, 15, 16],
                            ['2019', 10, 11, 12, 13, 15, 16],
                            ['2020', 10, 11, 12, 13, 15, 16],
                            ['2021', 10, 11, 12, 13, 15, 16]
                                ])
                    )

if __name__ == "__main__":
    app = tornado.web.Application(
        handlers=[(r"/hot", hot_index)],
        static_path=os.path.join(os.path.dirname(__file__), "static"),
        template_path=os.path.join(os.path.dirname(__file__), "templates")

这是handontable代码。我希望该表填充我在python函数中定义的数据。

<div id="example1"></div>

<script>
    var
    data1 = {{data}},
    container1 = document.getElementById('example1'),
    settings1 = {
      data: data1
    },
    hot1;

  hot1 = new Handsontable(container1, settings1);
  hot1.render();
</script>

浏览器控制台指示数据已成功传递到html页面，但看起来javascript不喜欢输入。我想我需要以不同的方式逃避{{data}}吗？

<body><div id="example1"></div>
<script>
var
data1 = [[&quot;&quot;, &quot;Tesla&quot;, &quot;Nissan&quot;, &quot;Toyota&quot;, &quot;Honda&quot;, &quot;Mazda&quot;, &quot;Ford&quot;], [&quot;2017&quot;, 10, 11, 12, 13, 15, 16], [&quot;2018&quot;, 10, 11, 12, 13, 15, 16], [&quot;2019&quot;, 10, 11, 12, 13, 15, 16], [&quot;2020&quot;, 10, 11, 12, 13, 15, 16], [&quot;2021&quot;, 10, 11, 12, 13, 15, 16]],
container1 = document.getElementById('example1'),
settings1 = {
data: data1
},
hot1;
hot1 = new Handsontable(container1, settings1);
hot1.render();
</script>

Answer 1

默认情况下Tornado＆＃34; autoescapes＆＃34;引号。您可以使用raw函数

正确渲染它

<div id="example1"></div>

<script>
    var
    data1 = {% raw data %},
    ...

另一种解决方案是将对象（不是json）传递给渲染，并在模板中使用json_encode。我觉得它看起来更干净，但是如果你已经拥有json字符串（例如你从其他来源获得）或者你有大型json并且你想使用json的不同（更快）实现（如rapidjson，ujson）那么情况并非如此比json_encode。

更多信息http://www.tornadoweb.org/en/stable/template.html#syntax-reference

使用python中的Tornado模块以handontable呈现自定义数据

1 个答案: