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的事件绑定的一些思考(补充)
Apr 20 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
js创建对象的方式总结
Jan 10 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
javascript事件模型介绍
May 31 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
Jan 24 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 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/12/16 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
php文本转图片自动换行的方法
2013/03/13 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
vue.js路由跳转详解
2017/08/28 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
Python代码缩进和测试模块示例详解
2018/05/07 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
Python Opencv实现单目标检测的示例代码
2020/09/08 Python
密封类可以有虚函数吗
2014/08/11 面试题
房地产销售员的自我评价分享
2013/12/04 职场文书
一年级语文教学反思
2014/02/13 职场文书
大学军训感言400字
2014/03/11 职场文书
欢迎标语大全
2014/06/21 职场文书
国际金融专业自荐信
2014/07/05 职场文书
项目合作意向书模板
2014/07/29 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014七年级班主任工作总结
2014/12/05 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书