修复python烧瓶应用程序的JSON.PARSE语法错误

Question

我正在尝试使用JSON.PARSE在烧瓶应用程序中使用一些JSON数据。但是，我会遇到以下错误。

uckulting语法：在位置3的JSON中意外的令牌m

我怀疑这可能与报价有关，但不确定。代码在下面。

python（app.y）

import pandas as pd
from flask import Flask, render_template
import json

test_data = [['mack', 10, 988], ['john', 15, 200], ['jane', 14, 590]]
test_df = pd.DataFrame(test_data, columns=['Name', 'Age', 'Score'])
json_df = test_df.set_index('Name').to_json(orient='index')
    
@app.route("/hello")
def index():
    return render_template("index.html", json_df=json_df)

javaScript （在我的index.html文件中）

<script>
    const json_df = JSON.parse('{{ json_df|tojson }}');
    console.log(json_df);
</script>

，我希望能够与JavaScript中的数据一起工作，以：

const json_df = {mack:{Age:10,Score:988},john:{Age:15,Score:200},jane:{Age:14,Score:590}}