萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js如何調用qq互聯api實現第三方登錄

js如何調用qq互聯api實現第三方登錄

 這篇文章主要介紹了js如何調用qq互聯api實現第三方登錄,需要的朋友可以參考下

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> 
copyright © 萬盛學電腦網 all rights reserved