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 相关文章推荐
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 Javascript
jQuery判断浏览器并动态调整select宽度的方法
Mar 02 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
vue使用echarts画组织结构图
Feb 06 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中实现Javascript的escape()函数代码
2010/08/08 PHP
PHP获取MAC地址的函数代码
2011/09/11 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
Python计算字符宽度的方法
2016/06/14 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
python实现在一个画布上画多个子图
2020/01/19 Python
python 绘制场景热力图的示例
2020/09/23 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
How TDD works
2012/09/30 面试题
《商鞅南门立木》教学反思
2014/02/16 职场文书
大堂副理的岗位职责范文
2014/02/17 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
小组名称和口号
2014/06/09 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
2021/04/01 PHP
react中的DOM操作实现
2021/06/30 Javascript