Javascript 如何在Ajax成功的基础上填充html？

我不知道如何编写成功函数来编写下面的html

我猜我需要使用for循环并填充json中返回的每个记录

我的js

函数UpdateStatus（）{
$.ajax({
键入：“获取”，
url:“/get_records/”，
数据：{
产品：“测试”，
},
成功：功能（数据）{
控制台日志（数据）；
}
});
}
}

我要填充的html：

<div class="editview-product-box">
    <H3>record</H3>
    <div class="editview-radio-box">
        {% for record in records %}
        <input type="radio" name="{{ record }}" /> {{ record }}
        <br /> {% endfor %}
    </div>
</div>

记录
{记录%中的记录的%s}
{{record}}

{%endfor%}

---

当前的js之所以能够工作，是因为我可以在chrome dev网络面板中看到api响应——但是由于某种原因，我无法在控制台上获取任何日志，不确定原因。

假设从后端获取的细枝模板没有值，但带有ajax调用中的表达式

---

如果上面给出的代码是twig模板，那么应该从后端完全呈现，变量不能从javascript生成html值。

如果ajax成功，则需要将html附加到所选元素/选择器。下面是一个工作示例

$.ajax({
键入：“获取”，
url:“https://jsonplaceholder.typicode.com/todos",
数据：{
产品：“测试”，
},
成功：功能（数据）{
onSuccess（数据）；
}
});
函数onSuccess（数据）{
设html=“”；
$。每个（数据、函数（k、v）{
html+=`${v.title}
`
})
$（'.editview单选框'）.html（html）；
}

记录

数据中有什么您需要从javascript中追加值？您得到了什么响应？您想在哪里填充给定的HTML？请参见~

$（'.editview产品框'）。加载（'/get\u records/？product=test'）

<div class="editview-product-box">
    <H3>record</H3>
    <div class="editview-radio-box">
        {% for record in records %}
        <input type="radio" name="{{ record }}" /> {{ record }}
        <br /> {% endfor %}
    </div>
</div>