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现实多行信息
Aug 26 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JavaScript SetInterval与setTimeout使用方法详解
Nov 15 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
微信小程序表单验证WxValidate的使用
Nov 27 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 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+memcache实现消息队列案例分享
2014/05/21 PHP
php输入流php://input使用浅析
2014/09/02 PHP
Laravel 5框架学习之日期,Mutator 和 Scope
2015/04/08 PHP
php获取linux命令结果的实例
2017/03/13 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
基于jQuery的ajax功能实现web service的json转化
2009/08/29 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
python利用hook技术破解https的实例代码
2013/03/25 Python
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
python验证码识别的示例代码
2017/09/21 Python
Django如何配置mysql数据库
2018/05/04 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
如何使用python写截屏小工具
2020/09/29 Python
python3实现名片管理系统(控制台版)
2020/11/29 Python
python多线程和多进程关系详解
2020/12/14 Python
财务会计专业毕业生自荐信
2013/10/19 职场文书
情侣吵架检讨书
2014/02/05 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
上党课的心得体会
2014/09/02 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
java泛型通配符详解
2021/07/25 Java/Android
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js