来自Jquery的getJSON API调用

我正在尝试使用Jquery和Json从Facebook API加载封面图片。得到一个错误

$(document).ready(function () {
        $("button").click(function () {
            $.getJSON("https://graph.facebook.com/cocacola")
       $("#fbapi-results").attr("src", json.cover.source).appendTo("#fbapi-results");
        });
   });

请看随附的小提琴

更新：json文件的结构

---

尝试在单击按钮时加载源代码封面。谢谢

getJSON是一个异步函数，需要回调

小提琴

您可以尝试以下方法：

  $.getJSON('"https://graph.facebook.com/cocacola"jsoncall=?',
           function(data) {
              $.each(data.posts, function(key, val) {
                       // Dynamic  list creation
                      $('#Mylist').append('<li><a id="'+ val.Name +
                      '" href="' + val.proImage + '"><img  src="'
                       + val.proImage + '"   alt="'+ val.Project +
                      ' " title="" ></img></a></li>').trigger('create');

               });
     });

$.getJSON（'https://graph.facebook.com/cocacola“jsoncall=？”，
功能（数据）{
$.each（data.posts、function（key、val）{
//动态列表创建
$（“#Mylist”）.append（“
”）.trigger（'create'）；
});
});

查看此更新的小提琴。您在div标记中提供了图像源，但没有正确使用getJSON

<button class="press-button">Get Facebook Coca Cola Cover</button>
<img id="fbapi-results" class="results"/>

---

效果很好！我不知道回电话的事。谢谢很高兴知道这有帮助！我不知道div标签而不是img谢谢！这些事情大多数时候都会发生。不管怎样，如果你得到了它，那就好了。

<button class="press-button">Get Facebook Coca Cola Cover</button>
<img id="fbapi-results" class="results"/>

$(document).ready(function () {
    $("button").click(function () {
        $.getJSON("https://graph.facebook.com/cocacola",function(root){
   $("#fbapi-results").attr("src", root.cover.source).appendTo("#fbapi-results");
    });
 });
});