Facebook app JS API与iFrame示例?

时间:2009-09-27 07:18:51

标签: javascript api facebook iframe

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

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

1 个答案:

答案 0 :(得分:2)

这是一个直接来自我的应用程序的简单示例,为了简单和可读性而稍作修改。我使用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>