js_SDK实现第三方qq，微博登录

微博登录

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">      
<script type="text/javascript" src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey='+这里是微博开放平台的appid'&debug=true" charset="utf-8"></script>
</head>
<body>
<wb:like appkey="1gsQQT"></wb:like>
<html xmlns:wb=“http://open.weibo.com/wb”>
<span id="wb_connect_btn">微博登录按钮</span>
<span class="loginout">退出</span>
<script type="text/javascript">
WB2.anyWhere(function (W) {
        W.widget.connectButton({
            id: "wb_connect_btn",
            type: '3,2',
            callback: {
                login: function (o) { //登录后的回调函数
　　　　　           console.log(o);
                    //这里是ajax发送数据储存
                    //前台数据展示
                },
                logout: function () { //退出后的回调函数
                    //thirdparty(null,null,o.avatar_hd, o.name ,3, o.id);个人方法
                }
            }
        });
    });
document.getElementsByClassName('loginout')[0].onclick=function(){
    WB2.logout(function() {
        window.location.href='test.html';//自定义的退出登录按钮
    });

}

</script>

</body>
</html>

QQ登录

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="+qq互联申请的appid+" data-redirecturi="+这里是回调地址 不写默认刷新原页面+" charset="utf-8"></script>  
</head>
<body>
<span id="qqLoginBtn"></span>  

<script  type="text/javascript">  
    //qq登录  
    QC.Login({  
        btnId: "qqLoginBtn",   

        scope: "all",  

        size: "A_M"  
    });  


    var paras = {};  

    //用JS SDK调用OpenAPI  
    QC.api("get_user_info", paras)  
        .success(function (s) {  
            console.log(s.data);
            //这里写ajax发送数据储存
            //前台数据展示
        })  

        .error(function (f) {   
            alert("获取用户信息失败！");  
        })  

    </script>  

</body>
</html>

上面就是微博，qq登录的实例，本人亲测可用！！！

js_SDK实现第三方qq，微博登录

猜你喜欢