`

Facebook加好友js实现

 
阅读更多

 

   /**
    *
    */
    refleshOnline : function(){
        var _this = this;
        if(this.initData.fansIds){
            this.showFans(this, this.initData.fansIds);
        } else {
            FB.api('/me/friends', function(response) {
                if(response.data) {
                    _this.alertMessage('get friend ids success');
                    _this.initData.fansIds = [];
                    $.each(response.data,function(index, friend) {
                        _this.initData.fansIds.push(friend.id);
                    });
                    _this.showFans(_this, _this.initData.fansIds);
                } else {
                    _this.alertMessage('get friend ids failure');
                    _this.initData.fansLoop++;
                    if (_this.initData.fansLoop <= 3) {
                        _this.refleshOnline();
                    }
                }
            });
        }
    },

   /**
    * 显示好友
    *
    * @obj _this
    * @array fans_uids
    */
    showFans : function(_this, fans_uids){
        var _postData = {'action' : 'reflesh', 'USERNAME' : _this.initData.playerName,  'uid' : _this.initData.playerId, 'fans_ids' : fans_uids};
        _this.post('ajax_get.php', _postData, function(data){
            var response = JSON.parse(data);
            $('#gamefans').show();
            $('#onlineusers').empty();
            var index = 0;
            $('#onlineusers').append("<li style=\"width: 16px; padding: 0pt 2px 2px; background: none repeat scroll 0% 0% rgb(96, 175, 5); color: rgb(255, 255, 255);\">On Line</li>");
            for(var uid in response['data']){
                $('#onlineusers').append("<li id=\"tips_" + index + "\">"+"<a href='http://www.facebook.com/profile.php?id="+uid+"' target='_blank' alt='" + response['data'][uid].first_name + "'> <img border=0 src='"
                    + "https://graph.facebook.com/" + uid +  "/picture" + "' alt='" + response['data'][uid].first_name + "'/></a><br/><a href=\"http://www.weibo.com/"+uid+"\" target=\"_blank\" title='"+response['data'][uid].first_name +"'>"
                    + _this.subUserName(response['data'][uid].first_name) + "</a><a href=\"javascript:;\" onclick=\"Atlantis.addFriends('"+response['data'][uid].uid+"',this)\" class=\"log_add\">+ Add Friends</a></li>");
                index++;
            }
        });
    },

   /**
    *
    * @string uid
    * @obj element
    */
    addFriends : function(uid,element){
        var _this = this;
        FB.ui({method: 'friends.add',id: uid}, function(param){
                // If they cancel params will show:
                //    {action:false, ...}
                // and if they send the friend request it'll have:
                //    {action:true, ...}
                // and if they closed the pop-up window then:
                //    param is undefined
            if (param != 'undefined' && param.action == true) {
                _this.initData.fansIds.push(uid);
                $(element).addClass('log_concerned').empty().append('<em>√</em>Self Friend').removeAttr("onclick");
            }
        });
    },

   /**
    * 截取字符串
    *
    * @param username
    */
    subUserName : function(username){
        if(username.length < 10)
            return username;
        return username.substring(0, 10) + "...";
    },
分享到:
评论

相关推荐

    JavaScript实现一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter等等

    JavaScript实现一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等 JavaScript实现一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook...

    web版facebook登录

    Facebook提供了JavaScript SDK,方便在前端实现一键登录功能。SDK处理大部分登录逻辑,如重定向、获取授权码等。同时,服务器端也需要处理访问令牌的获取和验证,确保安全性。 六、权限管理与隐私保护 在用户授权...

    仿Facebook底部工具栏的实现

    在本文中,我们将深入探讨如何实现一个仿Facebook底部工具栏,这是一个常见的设计元素,用于提供用户界面中的主要导航选项。这个底部工具栏通常包含多个图标,代表不同的功能区域,如消息、通知、好友、个人资料等。...

    Facebook的API实例

    在这个实例中,我们将深入探讨如何使用Facebook的Graph API和JavaScript SDK来实现基本的功能。 首先,让我们了解Facebook Graph API。它是Facebook的主要API接口,通过RESTful的方式提供服务,允许开发者请求用户...

    java web开发facebook项目

    7. **数据库管理**:为了存储用户的Facebook数据,如好友列表、个人资料等,项目可能会使用关系型数据库(如MySQL)或者NoSQL数据库(如MongoDB)。数据库设计和优化也是项目中的重要环节。 8. **安全性**:考虑到...

    Facebook开放平台

    Facebook提供了多种编程语言的SDK,包括Android、iOS、JavaScript等,以便开发者更方便地集成Facebook的功能。例如,Android SDK包含了一系列库和工具,可以帮助开发者轻松实现登录、分享内容、获取用户信息等功能。...

    facebook-auto-add-friends-master.rar

    Facebook自动添加好友脚本是一种工具,它允许用户批量地向Facebook平台上的其他用户发送好友请求。这个工具通常用于营销目的,比如扩大业务影响力或者建立更广泛的社交网络。"facebook-auto-add-friends-master.rar...

    facebook主页

    这需要JavaScript来实现动态效果和用户交互。例如,使用AJAX进行异步数据加载,使得用户在不刷新整个页面的情况下获取新内容。 4. **响应式设计**:考虑到用户可能在不同设备上访问,如手机、平板或桌面电脑,响应...

    模仿facebook的小应用

    这些功能的实现通常需要HTML、CSS和JavaScript的配合,其中HTML定义页面结构,CSS负责样式布局,而JavaScript则用于增加交互性,例如动态加载更多内容、发送AJAX请求等。 在开发过程中,开发者可能面临一些挑战,...

    用于Nodejs的非官方Facebook聊天API_JavaScript_下载.zip

    Node.js非官方Facebook聊天API是开发人员用于与Facebook Messenger平台交互的一种工具,它允许开发者通过JavaScript在Node.js环境中实现各种聊天功能。这个API并非由Facebook官方提供,而是由社区开发者维护,提供了...

    facebook api源码

    Facebook API 是一个强大的工具,允许开发者与Facebook平台进行交互,实现各种功能,如社交分享、用户登录、数据获取等。源码分析可以帮助我们更深入地理解API的工作原理和使用方法。以下是对Facebook API的一些关键...

    overtrue-share.js一键分享到微博、QQ空间、QQ好友、微信……

    `overtrue-share.js`就是这样一款强大的JavaScript库,它能够帮助开发者快速实现这一功能,覆盖了包括但不限于微博、QQ、微信、豆瓣、Facebook、Twitter、LinkedIn、Google+以及点点在内的多个国内外主流社交网络。...

    Beginning.Facebook.Game.apps.development

    - **JavaScript**:作为Web开发的核心语言,JavaScript对于实现游戏逻辑至关重要。本书通过“Boot Camp”章节系统地介绍了JavaScript的关键概念和技术。 - **Facebook API**:Facebook平台为开发者提供了丰富的API...

    Z-Blog 仿Facebook主题(无留言版) v1.0

    用户可以在页面上看到类似Facebook的时间线、好友列表、信息推送等功能,尽管没有评论功能,但可能包含了其他互动元素,如点赞或分享按钮。 **3. 主题安装** 安装主题通常在Z-Blog的后台管理界面完成。你可以通过...

    Laravel开发-facebook

    这通常可以通过JavaScript或Blade模板实现。 总之,Laravel结合Facebook OAuth v4为开发者提供了简单易用的工具来实现社交登录功能。通过以上步骤,你将能够构建一个安全、高效的Facebook登录系统,增强你的应用与...

    Jquery facebook 提示框

    Facebox通过CSS和JavaScript实现,利用jQuery选择器和事件处理来定位、显示和隐藏提示框。它通常包含一个模态背景层和一个浮于其上的内容区域,可以展示图片、HTML文本或者Ajax加载的内容。当用户触发某个事件(如...

    Building-Facebook-Applications-For-Dummies

    为了让用户能够无缝登录并授权应用访问其Facebook数据,开发者需要正确实现Facebook登录流程,并在必要时向用户请求特定权限。 #### 2.3 数据处理与安全措施 开发者必须妥善处理用户数据,遵循Facebook的数据政策,...

    facebook 开发操作

    6. **JavaScript SDK**:Facebook提供了JavaScript SDK,使得在网页中集成Facebook功能变得更加简单,比如实现一键登录、获取用户信息等。 7. **Webhooks**:Facebook的Webhooks允许开发者订阅特定事件,当这些事件...

    Apress.Facebook.API.Developers.Guide.Mar.2008.pdf

    Facebook API是Facebook提供的一套接口,允许开发者构建与Facebook生态系统集成的应用程序,这些应用程序可以访问用户数据,实现社交功能,并在Facebook平台上分发。 在本书中,作者首先介绍了Facebook API的基础...

    peopleof:您的 Facebook 好友的社交地图

    在这个应用中,JavaScript主要用于前端交互和数据处理,它能够动态地获取和展示Facebook好友的数据,同时提供用户友好的界面交互。通过Ajax技术,JavaScript可以实现异步数据请求,无需刷新页面即可更新信息,为用户...

Global site tag (gtag.js) - Google Analytics