如何一次显示多个json文件中的数据？

Question

我根据当前保存在浏览器cookie中的内容动态创建json url。

var cookie = $.cookie('faved_posts');

该Cookie的内容为123456、111111、000001，依此类推。

现在，我需要为该Cookie中保存的每个ID请求json文件。

我有以下几点：

$.each(cookie, function(i, val){
    $.getJSON('/ajax/posts/'+val+'.json', function(data){
        var html = "<div>" + data.post.headline + "</div>";
        $("#container").html(html);
    });
});

我可以检索所有文件
/ajax/posts/123456.json
/ajax/posts/111111.json
/ajax/posts/000001.json

我遇到的问题是我只能从一个Ajax文件中渲染data.post.headline值。

这是我需要在html中输出的内容：

<div>headline for 123456</div>
<div>headline for 111111</div>
<div>headline for 000001</div>

做这样的事情的最好方法是什么？ 谢谢

Answer 1

$("#container").html(html);

.html()将替换#container中当前存在的所有内容，这意味着您将仅从循环的最后一次执行中看到html 。 我相信您正在寻找的是append() 。