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 相关文章推荐
jQuery中:password选择器用法实例
Jan 03 Javascript
DOM节点深度克隆函数cloneNode()用法实例
Jan 12 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
jQuery实现的左右移动焦点图效果
Jan 14 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
Js自定义多选框效果的实例代码
Jul 05 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
Apr 25 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 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
PHPMailer邮件发送的实现代码
2013/05/04 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
JS实现简易计算器
2020/02/14 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
详细介绍Python语言中的按位运算符
2013/11/26 Python
Python判断操作系统类型代码分享
2014/11/22 Python
用TensorFlow实现lasso回归和岭回归算法的示例
2018/05/02 Python
一百行python代码将图片转成字符画
2021/02/19 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
行政助理岗位职责
2013/11/10 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
测试工程师职业规划书
2014/02/06 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
基层党支部整改方案
2014/10/25 职场文书
电影雨中的树观后感
2015/06/15 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
科普 | 业余无线电知识-波段篇
2022/02/18 无线电
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技