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


Posted in Javascript onMarch 28, 2014

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

<script type=text/javascript> 在页面header中引入:<script type="text/javascript" 
src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" 
data-appid="appid" data-redirecturi="huidiaodizhi(带http)" 
charset="utf-8"></script> 
在body中加入下面信息: 
//设置qq分享按钮 
QC.Login( 
{ 
btnId : "qqLoginBtn" //插入按钮的节点id 
}, 
function(reqData, opts) {//登录成功 
//根据返回数据,更换按钮显示状态方法 
var dom = document.getElementById(opts['btnId']), _logoutTemplate = [ 
//头像 
'<span><img src="{figureurl}" class="{size_key}"/></span>', 
//昵称 
'<span>{nickname}</span>', 
//退出 
'<span><a href="javascript:QC.Login.signOut();">退出</a></span>' ] 
.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); 
}); 
} 
}); 
</script> 
<div class="lib_tiv shadow"> 
<h3 class="logo">QQ登录</h3> 
</div>
Javascript 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
Vue项目history模式下微信分享爬坑总结
Mar 29 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 #Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 #Javascript
js中精确计算加法和减法示例
Mar 28 #Javascript
查找页面中所有类为test的结点的方法
Mar 28 #Javascript
js 验证身份证信息有效性
Mar 28 #Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 #Javascript
调用jQuery滑出效果时闪烁的解决方法
Mar 27 #Javascript
You might like
php摘要生成函数(无乱码)
2012/02/04 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
php中Snoopy类用法实例
2015/06/19 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
AngularJS入门示例之Hello World详解
2017/01/04 Javascript
js实现随机点名系统(实例讲解)
2017/10/18 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
Django中modelform组件实例用法总结
2020/02/10 Python
应届毕业生自我评价分享
2013/12/15 职场文书
毕业生个人求职信范文分享
2014/01/05 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
抽样调查项目计划书
2014/04/24 职场文书
产品委托授权书范本
2014/09/16 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
助学金感谢信
2015/01/20 职场文书
2015年工会工作总结
2015/03/30 职场文书
工地食品安全责任书
2015/05/09 职场文书
幼儿园庆六一主持词
2015/06/30 职场文书
css3应用示例:新增的选择器
2022/03/16 HTML / CSS
Vue Element plus使用方法梳理
2022/12/24 Vue.js