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 相关文章推荐
js 浏览器事件介绍
Mar 30 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
axios拦截设置和错误处理方法
Mar 05 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
JS实现贪吃蛇游戏
Nov 15 Javascript
vue使用better-scroll实现滑动以及左右联动
Jun 30 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实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python 条件判断的缩写方法
2008/09/06 Python
Python实现类继承实例
2014/07/04 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
python3中eval函数用法使用简介
2019/08/02 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
python 模拟登录B站的示例代码
2020/12/15 Python
python自动化办公操作PPT的实现
2021/02/05 Python
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
记帐员岗位责任制
2014/02/08 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
国际贸易系求职信
2014/08/09 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书