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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
深入理解Vuex 模块化(module)
Sep 26 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
JS实现动态星空背景效果
Nov 01 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 array的学习笔记
2012/05/16 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
推荐一款jQuery插件模板
2015/01/09 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
vue使用video.js进行视频播放功能
2019/07/18 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
Python读取stdin方法实例
2019/05/24 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
Python with标签使用方法解析
2020/01/17 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
python如何进行矩阵运算
2020/06/05 Python
解决python打开https出现certificate verify failed的问题
2020/09/03 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
见习报告的格式
2014/10/31 职场文书
公务员年度个人总结
2015/02/12 职场文书
音乐剧猫观后感
2015/06/04 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js