在 python 中創建.json 並將其傳遞給 Javascript

Question

我正在嘗試將 python 字典作為 JSON 傳遞給 JavaScript ZC1C425268E18385D1AB5047CF。 這是字典：

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 字典，我使用簡單的 flask function 傳遞它：

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

我從 html 調用 JS function：

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

plot_it() 是 chart.js function：

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

plot_it()正在工作，chary 被渲染（空）。 我正在努力正確調試它，但我懷疑這可能是不同的 python/JS JSON 構造的問題，因為我沒有收到任何錯誤。 任何提示表示贊賞！

Answer 1

我認為您使用錯誤的語法從data變量訪問dataset 。

嘗試使用點表示法，並確保您的變量位於兩個大括號{{ variable }}之間。

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

或者，您也可以使用下標語法 ( [] )。

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

在 python 中創建.json 並將其傳遞給 Javascript

問題描述

1 個解決方案

解決方案1
0 已采納 2021-05-18 18:55:56

在 python 中創建.json 並將其傳遞給 Javascript

問題描述

1 個解決方案

解決方案1 0 已采納 2021-05-18 18:55:56

解決方案1
0 已采納 2021-05-18 18:55:56