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 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
简单谈谈json跨域
Mar 13 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 Javascript
JavaScript组合模式---引入案例分析
May 23 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 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学习之数据类型之间的转换介绍
2011/06/09 PHP
php教程 插件机制在PHP中实现方案
2012/11/02 PHP
php增删改查示例自己写的demo
2013/09/04 PHP
Laravel 5 框架入门(三)
2015/04/09 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
vue+php实现的微博留言功能示例
2019/03/16 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
python中range()与xrange()用法分析
2016/09/21 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python序列类型的打包和解包实例
2019/12/21 Python
python openpyxl模块的使用详解
2021/02/25 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
小孩百日宴答谢词
2014/01/15 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
药学专业学生的自我评价分享
2014/02/06 职场文书
读书活动实施方案
2014/03/10 职场文书
活动总结格式范文
2014/04/26 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
数据库连接池
2021/04/06 MySQL
linux中nohup和后台运行进程查看及终止
2021/06/24 Python