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 数据缓存data(name, value)详解及实现
Jan 04 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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
PHP6 mysql连接方式说明
2009/02/09 PHP
php中smarty区域循环的方法
2015/06/11 PHP
php 中的closure用法详解
2017/06/12 PHP
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
React组件中的this的具体使用
2018/02/28 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
2020/07/28 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
Python list操作用法总结
2015/11/10 Python
Python字典,函数,全局变量代码解析
2017/12/18 Python
python url 参数修改方法
2018/12/26 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
Python中请不要再用re.compile了
2019/06/30 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
Python能做什么
2020/06/02 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
python 简单的调用有道翻译
2020/11/25 Python
python绘制汉诺塔
2021/03/01 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
档案接收函
2014/01/13 职场文书
教师专业自荐书范文
2014/02/10 职场文书
工艺员岗位职责
2014/02/11 职场文书
人力资源作业细则
2014/03/03 职场文书
《白鹅》教学反思
2014/04/13 职场文书
勾股定理课后反思
2014/04/26 职场文书
给老婆道歉的话
2015/01/20 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android