带有 iFrame 示例的 Facebook 应用 JS API？答案

【问题标题】：Facebook app JS API with iFrame example?带有 iFrame 示例的 Facebook 应用 JS API？
【发布时间】：2009-09-27 07:18:51
【问题描述】：

我有一个 Facebook 应用程序设置为 iFrame，指向我自己服务器上的一个文件。我遵循http://wiki.developers.facebook.com/index.php/JavaScript_Client_Library 和第一个示例，但在 Firefox 或 textarea 上的错误控制台中没有显示任何内容。此文件中的其他非 Facebook 内容有效。

使用 Facebook JS API 显示登录人姓名的简单示例是什么？这是在 iFrame 中，所以我不能使用简单的 FBML 东西。

【问题讨论】：

标签： javascript api facebook iframe

【解决方案1】：

这是一个直接来自我的应用程序的快速示例，为了简单和便于阅读，稍作修改。我使用 jQuery 和 jRails（用于 Ruby on Rails 开发），因此使用了“$(document).ready”。如果您需要更多解释，请告诉我。

<head>
<script src="/jquery.js" type="text/javascript"></script>
<script src="/jrails.js" type="text/javascript"></script>
<script type="text/javascript">
    function getFriend(friendId){


      // THIS IS WHAT YOU'RE PROBABLY INTERESTED IN

      FB.Facebook.apiClient.fql_query("SELECT name, pic FROM user WHERE uid=" + friendId,
                                    function(rows) {
                                      alert("Hello, " + rows[0].name);
                                    });
    }
    $(document).ready( function(){
      getFriends();
    });

</script>
</head>

<body>

<script src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

  <script type="text/javascript">
  //<![CDATA[
  FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("YOUR_API_KEY", "/xd_receiver.htm"); });
  //]]>
  </script>
</body>

【讨论】：