<html>

     <head>

        <title>QQ登录跳转</title>

        <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">

        //切割字符串转换参数表

        function toParamMap(str){

             var map = {};

             var segs = str.split("&");

             for(var i in segs){

                 var seg = segs[i];

                 var idx = seg.indexOf('=');

                 if(idx < 0){

                     continue;

                 }

                 var name = seg.substring(0, idx);

                 var value = seg.substring(idx+1);

                 map[name] = value;

             }

             return map;

         }

        //隐式获取url响应内容(JSONP)

        function openImplict(url){

            var script = document.createElement('script');

            script.src = url;

            document.body.appendChild(script);

        }

        //获得openid的回调

        function callback(obj)

        {

           var openid = obj.openid;

           $("#openid").text(openid);

           //跳转服务端登录url

           var resulturl = "@{openapi.QQs.login_result()}";

           var accessToken = $("#accessToken").text();

           //向服务端传输access_token及openid参数

           document.location.href=resulturl + "?access_token=" + accessToken + "&openid=" + openid;

        }

        </script>

     </head>

     <body>

            <!--<p>AccessToken:<span id="accessToken"></span>--ExpireIn<span id="expire"></span></p>-->

            <!--<p>OpenID:<span id="openid"></span></p>-->

     <!-- 执行脚本 -->

     <script type="text/javascript">

     //应用的APPID   ＊＊＊＊＊ 自己的app ID

     var appID = "";

     //登录授权后的回调地址，设置为当前url   ＊＊＊＊＊＊自己的回调地址

     // var redirectURI = "@@{openapi.QQs.login()}";

    var redirectURI = "";

     //初始构造请求

     if (window.location.hash.length == 0)

     {

        var path = 'https://graph.qq.com/oauth2.0/authorize?';

        var queryParams = ['client_id=' + appID,

                           'redirect_uri=' + redirectURI,

                           'scope=' + 'get_user_info,list_album,upload_pic,add_feeds,do_like','response_type=token'];

        var query = queryParams.join('&');

        var url = path + query;

        window.location.href= url;

     }

     //在成功授权后回调时location.hash将带有access_token信息，开始获取openid

     else

     {

        //获取access token

        var accessToken = window.location.hash.substring(1);

        var map = toParamMap(accessToken);

        //记录accessToken

        $("#accessToken").text(map.access_token);

        $("#expire").text(map.expires_in);

        //使用Access Token来获取用户的OpenID

        var path = "https://graph.qq.com/oauth2.0/me?";

        var queryParams = ['access_token='+map.access_token, 'callback=callback'];

        var query = queryParams.join('&');

        var url = path + query;

        openImplict(url);

     }

     </script>

     </body>

</html>

使用QQ第三方登录 并在父页面跳转刷新的更多相关文章

  1. 【第三方登录】之QQ第三方登录

    最近公司做了个网站,需要用到第三方登录的东西.有QQ第三方登录,微信第三方登录.先把QQ第三方登录的代码列一下吧. public partial class QQBack : System.Web.U ...

  2. QQ第三方登录

    QQ第三方登录 在Android应用程序的开发过程中,很多时候需要加入用户登录/注册模块.除了自己动手设计登录界面并实现相应功能外,现在还可以借助百度.腾讯等开发者平台提供的第三方账号登录模块.最近研 ...

  3. PHP实现QQ第三方登录

    PHP实现QQ第三方登录 学习之前,请大家先看一下oAuth协议. 首先呢,我们进入QQ互联的官方网站 http://connect.qq.com登入我们自己的QQ号,没有QQ号的小伙伴可以忽略本篇博 ...

  4. 利用JS_SDK实现QQ第三方登录

    前言 现如今,第三方登录已成为大部分网站必备的一项基础技能,引入时髦的第三方登录不仅能帮你吸引更多的用户,也让你的网站可以充分利用其他大型网站的用户资源.本次教程将让你的网站最快捷便利地引入QQ登录. ...

  5. web实现QQ第三方登录

    开放平台-web实现QQ第三方登录   应用场景     web应用通过QQ登录授权实现第三方登录.   操作步骤     1  注册成为QQ互联平台开发者,http://connect.qq.com ...

  6. Django项目中使用qq第三方登录。

    使用qq登录的前提是已经在qq互联官网创建网站应用并获取到QQ互联中网站应用的APP ID和APP KEY 1,建路由 # qq登录 path('loginQq/',qq.loginQq,name=' ...

  7. QQ第三方登录回调地址的问题

    如题,维护以前的项目,发现原来QQ的第三方登录竟然失败了.回调地址的问题 原来是以前的规则变了.好吧,那就改,谁叫我不是改变规则的人. 中途浪费了点时间,项目很大,我一下也找不到项目里那个接口调用的, ...

  8. thinkphp5.0 QQ第三方登录详解

    一.前期准备工作 到QQ互联官网进行开发资质认证,并创建网站应用.获取到appid和appkey后,下载demo文件. demo文件下载方式:QQ互联>文档资料>SDK及资源下载>p ...

  9. 使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样

    使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样openid生成是根据应用的appid和QQ号的一些信息加密生成,对于一个appid和QQ号来说,openid是唯一的 ...

随机推荐

  1. uC/OS-II 函数之邮箱管理相关函数

    上文主要介绍了消息队列相关的函数,本文介绍邮箱管理相关的函数:OSMboxCreate()建立一个邮箱,OSMboxDel()删除一个邮箱,OSMboxPend()等待邮箱中的消息,OSMboxPos ...

  2. 2.ajax+servlet实现注册时用户名验证

    效果: 精灵图(来源:从百度注册中download下来的): userVerify.jsp <%@ page language="java" contentType=&quo ...

  3. logback 发送邮件的类.

    类名 : SMTPAppenderBase方法名: sendBuffer

  4. paraview isosurface

    参考:https://www.youtube.com/watch?v=UjoSvWdxlTA

  5. 苹果Air A1466进入系统黑屏

    现象:苹果Air A1466笔记本安装Windows 7系统后,安装官网对应型号的bootcamp后,重启机器,在Windows滚动条完成后随即进入黑屏状态,安全模式能够进入,在安全模式下卸载删除显卡 ...

  6. thinkphp5.0升级

    之前一些项目是thinkphp5.0的版本.这个版本是有严重漏洞的.根据官方建议会把Request.php下面的 method方法做一个替换.但是实际上为了安全最好是做一个升级.首先必须要先做一个备份 ...

  7. VS中的DataPager分页

    微软的DataPager分页功能很强大,不要设置数据库存储过程,只要添加个DataPager控件,关联下要分页的控件,简单设置就可以有不错的分页效果.当然要有更理想的效果还是要前台和后台处理下. wi ...

  8. C# 修改系统时间

    /// <summary> /// 同步服务时间 /// </summary> public class SyncServerTime { //设置系统时间的API函数 [Dl ...

  9. OpenCV Intro - Perspective Transform

    透视变换(Perspective Transformation)是将图片投影到一个新的视平面(Viewing Plane),也称作投影映射(Projective Mapping).通用的变换公式为: ...

  10. (转)MySQL Proxy使用

    转自: http://www.cnblogs.com/itech/archive/2011/09/22/2185365.html http://koda.iteye.com/blog/788862 h ...