//HTML

 <ul class="clearfix">
                      <li>
                          <a href='https://graph.qq.com/oauth2.0/authorize?client_id=APPID&response_type=token&scope=all&redirect_uri=回撥地址'>
                              <em><img src="/images/login/QQ.png" /></em>
                              <span>QQ</span>
                          </a>
                      </li>

</ul>

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-callback="true" data-appid="APPID" data-redirecturi="回撥地址" charset="utf-8"></script>

//JS

//加上setTimeout是為了防止qq回撥時，還未初始化完成就呼叫qq的API
setTimeout(function() {
//從頁面收集OpenAPI必要的引數。get_user_info不需要輸入引數，因此paras中沒有引數
var paras = {};
//用js SDK呼叫OpenAPI
QC.api("get_user_info", paras)
//指定介面訪問成功的接收函式，s為成功返回Response物件
.success(function(s) {
//成功回撥，通過s.data獲取OpenAPI的返回資料
QC.Login.getMe(function(openId, accessToken) {
qq_Login(s, openId, accessToken); //對應JS的qq_Login()的方法
});
})
//指定介面訪問失敗的接收函式，f為失敗返回Response物件
.error(function(f) {
//失敗回撥
alert("使用QQ登入失敗");
});
}, 200);


/**
  * QQ登入
  * @param s
  * @param openId
  * @param accessToken
  */
function qq_Login(s, openId, accessToken) {
//後臺需要的引數
var params = {
'openId' : openId,
'nickName' : s.data.nickname,
'avatar' : s.data.figureurl_qq_1,
'sex' : s.data.gender=="男"?1:0
}
//向後臺傳送資料
showLoading();
$.post("/member/thirdLogin/", params, function(result) {
if(result.dealFlag=="1"){
console.info(result)
window.location.href = domain + "/";
}else{
alert(result.dealMsg);
}
hideLoading();
}).error(function(){
hideLoading();
alert("出錯啦")
});
}