Question

我正在尝试使用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");
        });
   });

请参阅随附的小提琴。

http://jsfiddle.net/sowljur/u8YLP/1/

更新：json文件的结构

https://graph.facebook.com/cocacola

单击按钮时尝试加载源封面。谢谢！

Answer 1

$。getJSON是一个异步函数，它需要回调http://api.jquery.com/jquery.getjson/

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

小提琴http://jsfiddle.net/sajith/724Vc/

Answer 2

你可以试试这个：

  $.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');

               });
     });

Answer 3

看看这个更新的小提琴。您在div标签中提供图像源，并且没有正确使用getJSON。

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

和JavaScript是：

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

http://jsfiddle.net/u8YLP/3/

来自Jquery的getJSON API调用

3 个答案: