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

Easiest way to use Facebook API JSON for my website (which language and how to syntax)

本文关键字：语言 语法 何语法 方法 网站 我的 Facebook API 最简单 JSON      更新时间：2023-09-26

我必须首先说我只知道如何舒适地使用HTML和CSS。

从中获取图像源的最简单方法，我假设这是一个 JSON 调用，http://graph.facebook.com/103184243098195/photos?fields=source&limit=999 并将它们粘贴到我的 HTML 中，以便我可以用 CSS 格式化它们？

我已经在互联网上挑选了如何使用jQuery来了解如何做到这一点，并找到了一些示例代码片段，但我不知道如何告诉，我假设JavaScript，寻找什么，如何找到它，然后在哪里放置它找到的东西，即图像源。

我想我至少需要这个：

var url = 'https://graph.facebook.com/103184243098195/photos?fields=source&limit=999';$.getJSON（url， function（data） {});

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

任何帮助不胜感激！

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

.HTML：

<body>
    <div id="facebook-stuff"/>
</body>

.JS：

$.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 + '"/>');   
    }
});

http://jsfiddle.net/zV99P/

基本上，传递给函数的参数是 JSON 对象。数据是一个对象数组（在该对象内），您可以从中提取id，源和创建时间。使用 Jquery 或普通的 javascript，您可以使用 source 属性动态创建 img 元素，并将它们附加到页面上创建的任何元素。如果您希望将图像拆分到多个页面，这里还有一个分页对象。据我快速浏览所理解，您必须将查询字符串末尾的限制降低到较小的数字，即：？limit=5，然后您可以使用 paging.previous 或 paging.next 从分页对象创建上一个或下一个链接。

相关文章：