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在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 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 session_start()出错原因分析及解决方法
2013/10/28 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
AngularJs bootstrap搭载前台框架——准备工作
2016/09/01 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
2017/02/04 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
Python生成pdf文件的方法
2014/08/04 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
python装饰器原理与用法深入详解
2019/12/19 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Python创建自己的加密货币的示例
2021/03/01 Python
澳大利亚在线高跟鞋商店:Shoe Me
2019/11/19 全球购物
大学生就业自我鉴定
2013/10/26 职场文书
部队万能检讨书
2014/02/20 职场文书
学用政策心得体会
2014/09/10 职场文书
mysql脏页是什么
2021/07/26 MySQL
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL