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 相关文章推荐
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
vue router自动判断左右翻页转场动画效果
Oct 10 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
Dec 20 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 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 has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
JavaScript常用事件介绍
2019/01/21 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
2020/09/22 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
django静态文件加载的方法
2018/05/20 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
Django 多环境配置详解
2019/05/14 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
python3中rank函数的用法
2019/11/27 Python
python打印异常信息的两种实现方式
2019/12/24 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
玩具公司的创业计划书
2013/12/31 职场文书
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
关于迟到的检讨书
2014/01/26 职场文书
毕业生工作求职信
2014/06/30 职场文书
田径运动会通讯稿
2014/09/13 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
护理见习报告范文
2014/11/03 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书