如何在 ajax 请求中将 JSON 呈现为 HTML？ [关闭]

Question

我正在使用jinjia 作为模板来构建一个网站，我有这样的 HTML：

<ul>
    <li class='a'>a1</li>
    <li class='b'>b1</li>
</ul>

<ul>
    <li class='a'>a2</li>
    <li class='b'>b2</li>
</ul>

现在我从 AJAX 请求中获取 JSON 数据，JSON 如下所示：

data: [
    {
        'a': 'a3',
        'b': 'b3'
    },
    {
        'a': 'a4',
        'b': 'b4'
    }
]

我期望的输出：

<ul>
    <li class='a'>a3</li>
    <li class='b'>b3</li>
</ul>

<ul>
    <li class='a'>a4</li>
    <li class='b'>b4</li>
</ul>

页面中有很多ul标签，如何使用jQuery或javascript更新？

Answer 1

使用这样的东西：

$.each(data, function(i,v){
 $("div#selectedDiv").html("<ul></ul>")
 $.each(v, function(key,val){
    $("div#selectedDiv ul").html("<li class='"+key+"'>"+val+"</li>")
 })
});