js如何调用qq互联api实现第三方登录_javascript技巧

js教程评论1.8K views阅读模式

qq互联js SDK:http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

复制代码 代码如下:

在body中加入下面信息:

//设置qq分享按钮

QC.Login(

{

btnId : "qqLoginBtn" //插入按钮的节点id

},

function(reqData, opts) {//登录成功

//根据返回数据,更换按钮显示状态方法

var dom = document.getElementById(opts['btnId']), _logoutTemplate = [

//头像

'
js如何调用qq互联api实现第三方登录_javascript技巧',

//昵称

'
{nickname}',

//退出

'
退出' ]

.join("");

dom

&& (dom.innerHTML = QC.String

.format(

_logoutTemplate,

{

nickname : QC.String

.escHTML(reqData.nickname), //做xss过滤

figureurl : reqData.figureurl

}));

},

function(opts) {//注销成功

alert("注销成功!!");

});

//调用api授权

QC.api("get_info", {

"oauth_consumer_key" : "appid" //这个可以不用传递

}).success(function(s) {

if (QC.Login.check()) {//检测是否成功登录,并弹出openid和accessToken

QC.Login.getMe(function(openId, accessToken) {

alert(openid+" "+accessToken);

});

}

});

企鹅博客
  • 本文由 发表于 2019年7月29日 20:37:29
  • 转载请务必保留本文链接:https://www.qieseo.com/418772.html

发表评论