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 相关文章推荐
IE 下的只读 innerHTML
Aug 21 Javascript
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
jQuery基于muipicker实现仿ios时间选择
Feb 22 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
Oct 31 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
vue实现省市区联动 element-china-area-data插件
Apr 22 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
8个出色的WordPress SEO插件收集
2011/02/26 PHP
PHP错误和异长常处理总结
2014/03/06 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
制作安全性高的PHP网站的几个实用要点
2014/12/30 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
javascript调试说明
2010/06/07 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
win与linux系统中python requests 安装
2016/12/04 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
DNA基因检测和分析:23andMe
2019/05/01 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
大学生毕业自我评价范文分享
2013/11/07 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
竞争上岗实施方案
2014/03/21 职场文书
大学班级计划书
2014/04/29 职场文书
音乐节策划方案
2014/06/09 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
树转促学习心得体会
2014/09/10 职场文书
实习生辞职信范文
2015/03/02 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
2015教师个人德育工作总结
2015/07/22 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL