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事件处理程序的几种方式
Jun 27 Javascript
引用外部js乱码问题分析及解决方案
Apr 12 Javascript
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
详解 javascript中offsetleft属性的用法
Nov 11 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
webpack打包js的方法
Mar 12 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
在pycharm中开发vue的方法步骤
Mar 04 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写入数据库类代码分享
2011/07/26 PHP
PHP关联链接常用代码
2012/11/05 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
js获取UserControl内容为拼html时提供方便
2014/11/02 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
Python中无限循环需要什么条件
2020/05/27 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
置业顾问岗位职责
2014/03/02 职场文书
12岁生日演讲稿
2014/05/14 职场文书
经济管理自荐书
2014/06/09 职场文书
社团活动总结书
2014/06/27 职场文书
小学社会实践活动总结
2014/07/03 职场文书
学校团代会开幕词
2016/03/04 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript