Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:54:08
Original
1491 Leute haben es durchsucht

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);
});
}
});





Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage