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

时间:2014-02-11 19:20:54

标签: javascript jquery ajax json cookies

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

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

该cookie的内容为123456,11111,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>

这样做的最佳方式是什么?感谢

1 个答案:

答案 0 :(得分:0)

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

.html()将替换当前#container中的所有内容,这意味着您只能在上次执行循环时看到html。我相信您正在寻找append()