如何将 json 值转换为 html/javascript 中的列表？答案

【问题标题】：How to convert json values into list in html/javascript?如何将 json 值转换为 html/javascript 中的列表？
【发布时间】：2020-10-04 17:50:05
【问题描述】：

我正在从我的烧瓶应用程序中以 json 格式检索数据，并尝试将我的 json 值转换为列表。

在我的 html 中，我有以下内容：

<script>
...
 series: [{
name: 'Installation',
data: [{% for x in results %}{{ x.TestInstallation }}{% endfor %}]},
...
</script>

data: 上面的值应该显示为列表：

data: [10957, 10372, 10256, 10074, 8816, 8605, 9524, 10888, 11188, 10305, 13367, 10775, 9963, 12758, 13361, 10843]

我当前对data: 的输入如下：

data: [1095710372102561007488168605952410888111881030513367107759963127581336110843]},

如何将分配给data: 的值转换为列表？

【问题讨论】：

根据另一种语言的逻辑生成 JavaScript 行是一种不好的做法。您可能希望在 JavaScript 中将 JSON 作为全局变量输出，或者创建一个端点以从中获取 JSON。然后让 JavaScript 在前端处理 JSON。

标签： javascript html json flask

【解决方案1】：

您不必在渲染引擎中循环遍历数组，您可以使用 JSON 过滤器将其作为 JSON 传递

@app.route('/view')
def view():
    data = [1,2,3,4,5,6,7]
    # render the template with our data
    return render_template('view.html', page_title = '12345', data=data)

在模板中


<script>
...
 series: [{
name: 'Installation',
data: JSON.parse('{{ data | tojson }}'),
}]
...
</script>

有关过滤器的更多信息： Standard Filters

【讨论】：