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 相关文章推荐
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
微信小程序纯文本实现@功能
Apr 08 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
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中使用imagick实现把PDF转成图片
2015/01/26 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
微信小程序手机号码验证功能的实例代码
2018/08/28 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python线程锁(thread)学习示例
2013/12/04 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
python实现数字炸弹游戏
2020/07/17 Python
jupyter notebook 写代码自动补全的实现
2020/11/02 Python
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
酒店前厅员工辞职信
2014/01/08 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
会计岗位职责模板
2014/03/12 职场文书
幼儿园大班评语大全
2014/04/17 职场文书
比赛口号大全
2014/06/10 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
工作试用期自我评价
2015/03/10 职场文书