使用QQ第三方登录 并在父页面跳转刷新

Posted webbky

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用QQ第三方登录 并在父页面跳转刷新相关的知识，希望对你有一定的参考价值。

<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第三方登录 并在父页面跳转刷新的主要内容，如果未能解决你的问题，请参考以下文章

怎么点击确定按钮关闭当前窗口，并返回父页面，并且父页面刷新。

ASP.NET中能不能实现无刷新登录？

如果通过点击JS,让新页面在父窗口打开.

URL重定向及跳转漏洞

Vue路由this.$router.push跳转页面不刷新

在父窗体中用showModalDialog方式打开一个页面,并在页面中删除一条记录，成功后刷新本页面，再关闭本页面