Javascript 为我的网站使用Facebook API JSON的最简单方法（哪种语言以及如何使用语法）_Javascript_Jquery_Json_Facebook_Facebook Graph Api

Javascript 为我的网站使用Facebook API JSON的最简单方法（哪种语言以及如何使用语法）

javascript jquery json facebook facebook-graph-api

Javascript 为我的网站使用Facebook API JSON的最简单方法（哪种语言以及如何使用语法）,javascript,jquery,json,facebook,facebook-graph-api,Javascript,Jquery,Json,Facebook,Facebook Graph Api,我必须首先说，我只知道如何轻松地使用HTML和CSS 从这里获取图像源（我假设是JSON调用）并将它们粘贴到我的HTML中，以一种我可以用CSS格式化它们的方式，哪种方法最简单我已经在互联网上找到了如何使用jquery来实现这一点，并找到了一些示例代码片段，但我不知道如何辨别，我假设是javascript，要查找什么，如何找到它，然后把它找到的东西放在哪里，即图像源我想我至少需要这个： var url=''； $.getJSON（url、函数（数据）{ }); 但是我不知道在两者之间放置什么

我必须首先说，我只知道如何轻松地使用HTML和CSS

从这里获取图像源（我假设是JSON调用）并将它们粘贴到我的HTML中，以一种我可以用CSS格式化它们的方式，哪种方法最简单

我已经在互联网上找到了如何使用jquery来实现这一点，并找到了一些示例代码片段，但我不知道如何辨别，我假设是javascript，要查找什么，如何找到它，然后把它找到的东西放在哪里，即图像源

我想我至少需要这个：

var url=''； $.getJSON（url、函数（数据）{ });

但是我不知道在两者之间放置什么来获取图像源，然后将它们插入，比如说，一般来说，只是一个div。无论我走到哪里，我都会尝试并学习我需要的语法使用我不理解的术语，因为我对大多数语言都不熟悉。我甚至不知道这是否是正确的开始/方向

感谢您的帮助

我从来没有使用过这个API，但这至少应该给你一个开始，直到其他人出现P

HTML:

JS:

$.getJSON（'http://graph.facebook.com/103184243098195/photos?fields=source&limit=999，函数（url）{
var data=url.data；
var paging=url.paging；
对于（变量i=0；i



基本上，传入函数的参数是JSON对象。数据是一个对象数组（在该对象中），您可以从中提取id、源和创建时间。使用Jquery或纯javascript，您可以使用source属性动态创建img元素，并将它们附加到页面上创建的任何元素中。如果您希望在多个页面上分割图像，这里还有一个分页对象。据我快速了解，您必须将查询字符串末尾的限制降低到一个较低的数字，即：？limit=5，然后您可以使用paging.previous或paging.next从paging对象创建上一个或下一个链接。我正在尝试这一点，它似乎工作得很好，我真是感激不尽！通过查看您提供的代码，我还可以了解到很多信息，我可以将这些信息放在一起，了解如何从JSON获取信息。令人惊叹的！
<body>
    <div id="facebook-stuff"/>
</body>

$.getJSON('http://graph.facebook.com/103184243098195/photos?fields=source&limit=999',     function(url) {
    var data = url.data;
    var paging = url.paging;
    for(var i = 0; i < data.length; i++)
    {
         $('#facebook-stuff').append('<img src="' + data[i].source + '" class="facebook-pics" id="pic' + i + '"/>');   
    }
});