QQ登录简单实现代码


Posted in Javascript onMarch 09, 2021

qq登录很简单 先要去qq互联申请,通过后有key,然后是下面的代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="__PUBLIC__/index/layui/css/layui.css">
<script src="__PUBLIC__/index/layui/layui.js" type="text/javascript"></script>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="999999999" data-redirecturi="http://www.8m8.top/login/userqq.html" charset="utf-8"></script>
</head>
<body>
<script type="text/javascript">
layui.use(['layer'], function(){
	var layer = layui.layer,
	$ = layui.jquery;
	var	is_login = QC.Login.check();
	if(is_login){
		var access_token = '999999999666666666';
		var openid = '999999999';
		QC.Login.getMe(function(openId, accessToken){
			access_token = accessToken;
			openid = openId;
		});
		var paras = {oauth_consumer_key:'999999999',access_token:access_token,openid:openid};
		QC.api('get_user_info', paras).success(function(s){
			//成功回调,通过s.data获取OpenAPI的返回数据
			var	param ={openid:openid,username:s.data.nickname,userhead:s.data.figureurl_qq_2,sex:s.data.gender};
			//console.log(s);
			$.post('{:url("login/loginqq")}',param,function(res){
		      if(res.code == 200){
		      	QC.Login.signOut()//注销qq登陆
				layer.msg(res.msg, {icon: 1, anim: 6, time: 1000},function(){
					var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
					parent.layer.close(index); //再执行关闭
				});

		      }else{
		        layer.msg(res.msg, {icon: 2, anim: 6, time: 1000});
		      }
		    });
			
			//alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
		});

	}else{ 
		self.location.href='https://graph.qq.com/oauth2.0/authorize?client_id=999999999&response_type=token&scope=all&redirect_uri='+encodeURIComponent(self.location.href);
	}
});
	
</script>
</body>
</html>

 

Javascript 相关文章推荐
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
基于jquery &amp; json的省市区联动代码
Jun 26 Javascript
js文件缓存之版本管理详解
Jul 05 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
webpack2.0配置postcss-loader的方法
Aug 17 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 Javascript
正则表达式语法
Oct 09 #Javascript
javaScript - 如何引入js代码
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
JS 统计时间
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
You might like
PHP安装攻略:常见问题解答(三)
2006/10/09 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
初学prototype,发个JS接受URL参数的代码
2006/09/25 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
angular2路由切换改变页面title的示例代码
2017/08/23 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
微信小程序云开发之使用云存储
2019/05/17 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
迎元旦广播稿
2014/02/22 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
试用期自我评价范文
2015/03/10 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL