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>")
 })
});

如何在ajax请求中将JSON渲染为HTML？

1 个答案: