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 编写匿名函数的几种方法
Feb 21 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
Apr 23 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 Javascript
详解vuex的简单使用
Mar 12 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
微信小程序点击滚动到指定位置的实现
May 22 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
利用 window_onload 实现select默认选择
2006/10/09 PHP
树型结构列出指定目录里所有文件的PHP类
2006/10/09 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
Php中文件下载功能实现超详细流程分析
2012/06/13 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
拖拉表格的JS函数
2008/11/20 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
js实现动态时钟
2020/03/12 Javascript
python回调函数的使用方法
2014/01/23 Python
深入浅析Python字符编码
2015/11/12 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
Python实现的密码强度检测器示例
2017/08/23 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
Python初学者常见错误详解
2019/07/02 Python
python 画图 图例自由定义方式
2020/04/17 Python
深入分析python 排序
2020/08/24 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
英国网上花店:Bunches
2016/11/29 全球购物
高中生学习生活的自我评价
2013/10/09 职场文书
高中自我鉴定
2013/12/20 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书