网站介入QQ第三方登录

本文主要是介绍网站介入QQ第三方登录，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.获取网站应用的appid：

data-appid

2.引用JS文件 qc_loader.js

点击打开qc_loader.js文件

3.清楚要回调的地址：

data-redirecturi

 <script type="text/javascript" src="qc_loader.js" data-appid="****" data-redirecturi="http://localhost:51532/QQlogin.aspx" charset="utf-8"></script><script src="js/jquery-1.7.2.min.js"></script>

  <div><span id="request" style="display:none"></span><span id="qqLoginBtn">QQ</span>  <br /><input type="text" id="QQresult"   runat="server" style="width:300px" visible="False"/> <br />          </div>

5.（以下代码请根据自己的需求去删改）

  <script  type="text/javascript">  //qq登录  QC.Login({  btnId: "qqLoginBtn",    //插入按钮的节点id      //用户需要确认的scope授权项，可选，默认all  scope: "all",  //按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S  size: "A_M"  });  //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数  var paras = {};  //用JS SDK调用OpenAPI  QC.api("get_user_info", paras)  //指定接口访问成功的接收函数，s为成功返回Response对象  .success(function (s) {allPrpos(s);//成功回调，通过s.data获取OpenAPI的返回数据  /*$.ajax({  type: "POST",  url: "QQlogin.aspx", // 调动后台页面方法                                          contentType: "application/json; charset=utf-8",  dataType: "json",  data: '{"strLoginName":"' + s.data.nickname + '"}',  success: function (data) {//alert(data.nickname);var strReturn = data.d;  if (strReturn == "fail") {  QC.Login.signOut();  }  else {  alert("QQ登录成功");}  },  error: function (err) {  QC.Login.signOut();  }  });  */})  //指定接口访问失败的接收函数，f为失败返回Response对象  .error(function (f) {  //失败回调  alert("获取用户信息失败！");  })  //指定接口完成请求后的接收函数，c为完成请求返回Response对象  .complete(function (c) {  //完成请求回调  //alert("获取用户信息完成！");  });  function allPrpos(obj) {// 用来保存所有的属性名称和值   var props = "";var a = "";// 开始遍历   for (var p in obj) {//a = p + ":" + obj[p];////(p + ":" + obj[p]);// 方法   if (typeof (obj[p]) == "function") {//obj[p]();} else {// p 为属性名称，obj[p]为对应属性的值   props += p + "=" + obj[p] + "\t";//alert(p + ":" + obj[p]);$("#request").text($("#request").text() + p + ":" + obj[p])}}var QQresult = $("#request").text();arr = QQresult.split('http://qzapp.qlogo.cn/qzapp/');var a = arr[1];//var a = alert(arr[3]);arrb = a.split('/');$("#QQresult").val(arrb[1]);window.location = "test.aspx?val1=" + arrb[1];//向想所需界面传输需要的值/*$.ajax({type: "post",    //数据发送的方式（post 或者 get）url: "test.aspx",    //要发送的后台地址data: { val1: arrb[1] },    //要发送的数据（参数）格式为{'val1':"1","val2":"2"}dataType: "json",   //后台处理后返回的数据格式success: function (data) {  //ajax请求成功后触发的方法alert(data);},error: function (msg) {     //ajax请求失败后触发的方法//alert('请求失败\n' + msg);    //弹出错误信息//alert(0);//var url = msg.responseText;//alert(url);//window.location = url;}});*/// 最后显示所有的属性   //alert(props);}</script>

6.操作界面