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 相关文章推荐
基于Jquery的实现回车键Enter切换焦点
Sep 14 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
layui表格数据复选框回显设置方法
Sep 13 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 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
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
用Jquery选择器计算table中的某一列某一行的合计
2014/08/13 Javascript
node.js中的fs.ftruncate方法使用说明
2014/12/15 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
vue学习教程之带你一步步详细解析vue-cli
2017/12/26 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
Python利用BeautifulSoup解析Html的方法示例
2017/07/30 Python
在Python中os.fork()产生子进程的例子
2019/08/08 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
python和js交互调用的方法
2020/06/23 Python
Python猫眼电影最近上映的电影票房信息
2020/09/18 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
英语生日邀请函
2014/01/23 职场文书
创业计划实施的7大步骤
2014/02/05 职场文书
农村文化活动总结
2014/08/28 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
三严三实心得体会范文
2014/10/13 职场文书
学习与创新自我评价
2015/03/09 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
会议主持词通用版
2019/04/02 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python