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的版本实现执行不同的代码
May 11 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
js图片处理示例代码
May 12 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
javascript实现一个数值加法函数
Jun 26 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 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
thinkphp实现图片上传功能分享
2014/03/04 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
php判断当前操作系统类型
2015/10/28 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
JS继承用法实例分析
2015/02/05 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
Django 框架模型操作入门教程
2019/11/05 Python
python实现贪吃蛇双人大战
2020/04/18 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
《钱学森》听课反思
2014/03/01 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
电力培训心得体会
2014/09/02 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
考试作弊检讨书
2014/10/21 职场文书
会计电算化实训报告
2014/11/04 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis
Python实现Hash算法
2022/03/18 Python