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 判断代码全收集
Apr 28 Javascript
Extjs入门之动态加载树代码
Apr 09 Javascript
围观tangram js库
Dec 28 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
js获取url参数代码实例分享(JS操作URL)
Dec 13 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
javascript实现抢购倒计时程序
Aug 26 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
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
没有document.getElementByName方法
2013/08/19 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
2015/12/18 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python socket编程实例详解
2015/05/27 Python
Python random模块用法解析及简单示例
2017/12/18 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
建设投标担保书
2014/05/13 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
党员教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
转学证明范本
2015/06/19 职场文书