将 Python 列表传递给 JavaScript

Question

我在将 Python 列表作为数组传递给 JavaScript 时遇到一些问题。 我的代码在下面，并输出一个空白屏幕，错误：“未捕获的 ReferenceError：数组未定义”。

主程序

from flask import Flask, render_template
import json

app = Flask(__name__)

@app.route('/')
def my_view():
    array = [1, 2, 3, 4, 5]
    jsarray = json.dumps(array)
    return render_template('index.html', array=jsarray)

app.run()

index.html

<script>
    var data = JSON.parse(array)
    document.write(data)
</script>

Answer 1

您可以使用 Jinja2 过滤器tojson 。 无需在路由内将数据转换为 JSON。 您可以简单地将列表传递给模板。

@app.route('/')
def my_view():
    array = [1, 2, 3, 4, 5]
    return render_template('index.html', array=array)

<script>
   const data = {{ array | tojson }};
   console.log(data);
</script>

Answer 2

将您的 index.html 更改为

index.html

<script>
    var data = JSON.parse({{ array }})
    document.write(data)
</script>