Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何一次显示多个json文件中的数据?_Javascript_Jquery_Ajax_Json_Cookies - Fatal编程技术网

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

Javascript 如何一次显示多个json文件中的数据?,javascript,jquery,ajax,json,cookies,Javascript,Jquery,Ajax,Json,Cookies,我正在根据当前保存在浏览器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){

我正在根据当前保存在浏览器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);
    });
});
$。每个(cookie、函数(i、val){
$.getJSON('/ajax/posts/'+val+'.json',函数(数据){
var html=“”+data.post.headline+”;
$(“#容器”).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>
123456的标题
111111的标题
000001的标题
做这样的事情最好的方法是什么?谢谢

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

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

使用
$(“#容器”).append(html)
我可能也应该使用jQuery的$。当它们都是.done()时。哇,太简单了。谢谢