將 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>