Javascript 变量从烧瓶发送到JS后仍为未定义变量

我按照这个步骤将数据从flask发送到JS文件

烧瓶：

@app.route('/')
def home():
    content = "Hello"
    return render_template('index.html', content=content)

HTML

我还尝试了

var djangoData=$（“#我的数据”）.data（'content'）
尽管如此，我得到：

typeof djangoData
    "undefined"

在控制台中

我还想知道这种方法是否仍然被认为是最佳实践，如果不是的话，是什么，因为我知道有很多方法可以将数据从FLASK发送到JS

谢谢：）
var requiredData=document.getElementById（“我的数据”）.getAttribute（“数据名”）将为您提供所需的数据
非常感谢！！你会推荐这种方法吗？因为我听说它会溢出HTMl，会引起安全问题。如果您使用现代前端框架，并在同一页面中使用jinja进行服务器端渲染和使用api调用进行所需数据加载的混合，那么它会做得很好，因为它会进行增量加载。但是，如果您选择jquery或纯javascript，因为整个html呈现都将在更新时进行，那么可能不建议这样做
var djangoData = $('#my-data').data();

typeof djangoData
    "undefined"