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 相关文章推荐
由document.body和document.documentElement想到的
Apr 13 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
Aug 24 Javascript
JavaScript数据类型详解
Apr 01 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 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
PHP生成条形图的方法
2014/12/10 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
帝国cms目录结构分享
2015/07/06 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
浅谈javascript中的 “ &amp;&amp; ” 和 “ || ”
2017/02/02 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
温泉秘密:Onsen Secret
2020/07/06 全球购物
市场营销专业个人自荐信格式
2013/09/21 职场文书
毕业生机械建模求职信
2013/10/14 职场文书
零件设计自荐信范文
2013/11/27 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
个人委托书怎么写
2014/09/17 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android