在python中创建.json并将其传递给Javascript_Javascript_Python_Json_Flask

在python中创建.json并将其传递给Javascript

javascript python json flask

在python中创建.json并将其传递给Javascript,javascript,python,json,flask,Javascript,Python,Json,Flask,我试图将python dict作为json传递给JavaScript函数。这是格言： dataset = { 'labels': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 'datasets': [{ 'label': "test1", 'backgroundColor': "#54FFD820", 'borderColor': "#54FFD820", 'borderWidth': 2, 'hoverBackg

我试图将python dict作为json传递给JavaScript函数。这是格言：

dataset = {
'labels': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
'datasets': [{
'label': "test1",
'backgroundColor': "#54FFD820",
'borderColor': "#54FFD820",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD820",
'hoverBorderColor': "#54FFD820",
'data': [49, 47, 51, 48, 45, 44, 40, 42, 47, 45],
},
{
'label': "test2",
'backgroundColor': "#54FFD840",
'borderColor': "#54FFD840",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD840",
'hoverBorderColor': "#54FFD840",
'data': [11, 9, 7, 10, 9, 12, 16, 15, 18, 22],
},
{
'label': "test3",
'backgroundColor': "#54FFD860",
'borderColor': "#54FFD860",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD860",
'hoverBorderColor': "#54FFD860",
'data': [32, 35, 33, 31, 29, 34, 35, 37, 36, 34],
}]}

这就是python dict，我使用简单的flask函数传递它：

@app.route('/', methods=['GET'])
def main():
    data ={'pools': pools, 'intervals': time_intervals, 'dataset': json.dumps(dataset)}
    return render_template('index.html', data=data)

function plot_it(chart_data) {
 Chart.Line('test_chart', {
 options: options,
 data: chart_data
});
}

我从html调用JS函数：

...
<body onload="plot_it({ data : 'dataset' })">
...

plot_it（）正在工作，chary被渲染（空）。我正在努力调试这个推进器，但我怀疑这可能是不同python/json构造的问题，因为我没有得到任何错误。任何提示谢谢

我认为您使用错误的语法从

数据

变量访问

数据集

尝试使用点表示法，并确保变量位于两个大括号

{{variable}}

之间

<body onload="plot_it({{ data.dataset }})">
...

您没有传递变量。尝试使用

{{data}

。这就是jinja检测变量的方式我不是Flask程序员，但我怀疑您不需要自己调用

JSON.stringify（）。它应该为您编码整个数据字典。
<body onload="plot_it({{ data['dataset'] }})">
...