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 设置文本框中焦点的位置
Nov 20 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
javascript中将Object转换为String函数代码 (json str)
Apr 29 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
Bootstrap 模态框(Modal)插件代码解析
Dec 21 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
Vue前端项目部署IIS的实现
Jan 06 Javascript
JavaScript代码简化技巧实例解析
Sep 09 Javascript
微信小程序实现文件预览
Oct 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
一家之言的经验之谈php+mysql扎实个人基本功
2008/03/27 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
Electron 如何调用本地模块的方法
2019/02/01 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
Python基础知识_浅谈用户交互
2017/05/31 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
浅谈python之新式类
2018/08/12 Python
python得到一个excel的全部sheet标签值方法
2018/12/10 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
我们是伦敦女孩:WalG
2018/01/08 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
迎新晚会策划方案
2014/06/13 职场文书
世博会口号
2014/06/20 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
解除租房协议书
2014/12/03 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python