javascript - 如何在 HTML 中操作变量？

Question

我有一个 AJAX 请求，它成功地返回了一个列表格式的字符串。（使用烧瓶完成）

$.ajax({
    type: 'POST',
    url: "{{ url_for('PatientDashboard') }}",
    data: {Date: dateText},
    dataType: "text",
    success: function (Data) {
        console.log(Data)
        var Data = Data
    }
});

控制台中的输出是一个字符串["Item1", "Item2", "Item3"]，我需要通过将其转换为列表并迭代来对其进行操作。

期望的结果是能够在我的 HTML 代码中执行此操作。

{% for i in AppointmentList %>
    <a href="#">{{ i }}</a>
{% endfor %}

应该输出一系列链接Item1，Item2, Item3- 所有单独的链接。

总之，我如何访问DataHTML 部分中的变量，我可以使用 Jinja2 来操作它？

提前致谢。

编辑：

通过烧瓶渲染模板传递变量来解决。

标签： javascripthtmlajaxflaskjinja2