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 相关文章推荐
javascript对象之内置对象Math使用方法
Apr 16 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
Aug 27 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
jQuery Pagination分页插件使用方法详解
Feb 28 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
浅谈如何使用 webpack 优化资源
Oct 20 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 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_xmlhttp 乱码问题解决方法
2009/08/07 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
Python下singleton模式的实现方法
2014/07/16 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
高职助产应届生自荐信
2013/09/24 职场文书
办公文员的工作岗位职责
2013/11/12 职场文书
医学检验专业大学生求职信
2013/11/18 职场文书
会计岗位职责范本
2014/03/07 职场文书
医药公司采购员岗位职责
2014/09/12 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
人民调解协议书范本
2014/10/11 职场文书
2015年党总支工作总结
2015/05/25 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android
MySQL创建管理HASH分区
2022/04/13 MySQL
win sever 2022如何占用操作主机角色
2022/06/25 Servers