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动画效果代码3
Apr 03 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
jQuery控制cookie过期时间的方法
Apr 07 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
Jan 27 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
浅析JS中对函数function的理解(基础篇)
Oct 14 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
JS倒计时实例_天时分秒
Aug 22 Javascript
node-sass安装失败的原因与解决方法
Sep 04 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
简单了解JavaScript弹窗实现代码
May 07 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循环获取GET和POST值的代码
2008/04/09 PHP
PHP隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
php生成无限栏目树
2017/03/16 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
JavaScript 调试器简介
2009/02/21 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
JS运算符优先级与表达式示例详解
2020/09/04 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
Python urlopen 使用小示例
2008/09/06 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
想学画画?python满足你!
2020/12/24 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
《美丽的小兴安岭》教学反思
2014/02/26 职场文书
小学班主任培训方案
2014/06/04 职场文书
小学国庆节活动总结
2015/03/23 职场文书
小学信息技术教学反思
2016/02/16 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫