微博登录
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey='+这里是微博开放平台的appid'&debug=true" charset="utf-8"></script>
</head>
<body>
<wb:like appkey="1gsQQT"></wb:like>
<html xmlns:wb=“http://open.weibo.com/wb”>
<span id="wb_connect_btn">微博登录按钮</span>
<span class="loginout">退出</span>
<script type="text/javascript">
WB2.anyWhere(function (W) {
W.widget.connectButton({
id: "wb_connect_btn",
type: '3,2',
callback: {
login: function (o) { //登录后的回调函数
console.log(o);
//这里是ajax发送数据储存
//前台数据展示
},
logout: function () { //退出后的回调函数
//thirdparty(null,null,o.avatar_hd, o.name ,3, o.id);个人方法
}
}
});
});
document.getElementsByClassName('loginout')[0].onclick=function(){
WB2.logout(function() {
window.location.href='test.html';//自定义的退出登录按钮
});
}
</script>
</body>
</html>
QQ登录
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="+qq互联申请的appid+" data-redirecturi="+这里是回调地址 不写默认刷新原页面+" charset="utf-8"></script>
</head>
<body>
<span id="qqLoginBtn"></span>
<script type="text/javascript">
//qq登录
QC.Login({
btnId: "qqLoginBtn",
scope: "all",
size: "A_M"
});
var paras = {};
//用JS SDK调用OpenAPI
QC.api("get_user_info", paras)
.success(function (s) {
console.log(s.data);
//这里写ajax发送数据储存
//前台数据展示
})
.error(function (f) {
alert("获取用户信息失败!");
})
</script>
</body>
</html>
上面就是微博,qq登录的实例,本人亲测可用!!!