javascript - 以数组形式访问javascript中的python列表

Question

我的 flask views.py 中有这个

    def showpage():
      ...
      test = [1,2,3,4,5,6]
      return render_template("sample.html",test=test)

我的示例 .html 中有这个

    <script> var counts = {{test}}; </script>

这给了我一个空的计数变量。我怎样才能得到与python中测试列表相同的计数？

Answer 1

1. 当您将变量插入模板 {{ test }} 时，它采用对象表示。对于 int [1,2,3,4,5,6] 列表，它将呈现为 [1, 2, 3, 4, 5, 6]，所以它是有效的 javascript 数组，但是如果没有类似 javascript 的表示，此方法不安全复杂对象，例如，test = [1,2,3,4,5,any] 将呈现为 [1, 2, 3 , 4, 5, <built-in function any>]，但这只是示例，永远不会起作用。

2. 隐式转换为 flask 中存在的 javascript 对象 tojson过滤器:

   <script> var counts = {{ test|tojson }}; </script>
   

   因此，如果对象是 JSON 可序列化的，那么将渲染所有对象，否则模板引擎将引发异常。

3. 您还可以将 javascript 代码发送到您的模板:

   from flask import json
   return render_template("sample.html",test=json.dumps(test))
   

   但这不是一个好方法，最好使用 tojson 过滤器，它也是 HTML 标记安全的。

4. 我不喜欢在模板中混合任何 javascript 代码，并使用 ajax 拆分模板、javascript 和 javascript 数据。如果这种方法很难，我宁愿使用 tojson 过滤器。