像API一样的Facebook

Question

我在诸如API之类的Facebook上遇到了一些麻烦。我正在创建具有以下代码的类似按钮：

<fb:like href="http://www.nettunes.co.za/artist_profile.php?ref=fb&amp;amp;artist_id=<?PHP echo $row->artist_id;?>&amp;amp;show=albums&amp;amp;sub_section=song&amp;amp;id=<?PHP echo $row->song_id;?>" layout="box_count" show_faces="false" width="50" font="arial" title="<?PHP echo ucfirst($row->song_name);?> by <?PHP echo $row->artist_name;?> on www.nettunes.co.za"></fb:like>

然后，我正在聆听该事件并调用JavaScript函数，Ajax运行了一块PHP，将类似内容插入本地数据库中，以跟踪这位艺术家的所有喜欢。使用此代码：

var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
  '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
    FB.Event.subscribe('edge.create', function(response) {
        var song_id = response.toString().split("&id=");
        likeSong(song_id[1]);
    });

问题在于，它并不总是调用此LikeSong函数并将其添加到数据库中。

有人有类似的问题吗？还是您知道这样做的更好方法？

非常感谢

保重，chregan

Answer 1

您可能需要等待Facebook库完全准备好并检查响应。你可以用 fbAsyncInit 方法，Facebook调用库一旦库不同步加载：

<div id="fb-root"></div>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() {
    FB.init({appId:"1234567890", status:true, cookie:true, xfbml:true, session:null});
    FB.Event.subscribe('edge.create', function(response) {
        if (response)
        {
            var song_id = response.toString().split("&amp;id=");
            likeSong(song_id[1]);
        }
    });
}

(function() {
var e = document.createElement("script");
e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js";
e.async = true;
document.getElementById("fb-root").appendChild(e);
}());
</script>

您还应确保在Facebook库加载之前初始化了定义的likesong，并添加该事件侦听器。