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 ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
Vue.js的动态组件模板的实现
Nov 26 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 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笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
JavaScript的目的分析
2007/01/05 Javascript
记录几个javascript有关的小细节
2007/04/02 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
jQuery源码分析-01总体架构分析
2011/11/14 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
javascript制作2048游戏
2015/03/30 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
python队列queue模块详解
2018/04/27 Python
Python 中的lambda函数介绍
2018/10/10 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
python中字典增加和删除使用方法
2020/09/30 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
J2EE相关知识面试题
2013/08/26 面试题
历史专业大学生职业生涯规划书
2014/03/13 职场文书
施工质量承诺书范文
2014/05/30 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
销售合作意向书范本
2015/05/08 职场文书
广播体操比赛主持词
2015/06/29 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书