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中的window.location.search方法简介
Sep 02 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
Feb 10 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
Element InputNumber计数器的使用方法
Jul 27 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
PHP4实际应用经验篇(1)
2006/10/09 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
基于tensorflow加载部分层的方法
2018/07/26 Python
pytorch permute维度转换方法
2018/12/14 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
用python建立两个Y轴的XY曲线图方法
2019/07/08 Python
python实现ip地址的包含关系判断
2020/02/07 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
如何提高JDBC的性能
2013/04/30 面试题
一道SQL存储过程面试题
2016/10/07 面试题
法律进社区实施方案
2014/03/21 职场文书
公司股份合作协议书
2014/12/07 职场文书
督导岗位职责范本
2015/04/10 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
Java中try catch处理异常示例
2021/12/06 Java/Android