gpt4 book ai didi

JavaScript实现单点登录的示例

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 32 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章JavaScript实现单点登录的示例由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

项目中遇到单点登录这个问题,当点击链接的时候跳转到另一个系统中并实现自动登录进去,直接进去系统的页面 。

因为不同的系统涉及到跨域的问题,所以使用nginx来解决跨域的问题 。

先跳转到另一个系统的一个页面,在这个页面里实现登录操作再跳转到系统中我们需要的页面 。

还有一个问题就是登录的时候需要用户名和密码,用户名和密码不是固定的,需要动态获取,所以跳转到过渡页面的时候需要携带参数 。

携带参数是通过url传递的,这里用户名和密码使用了简单的base64加密 。

JavaScript实现单点登录的示例

过渡页面接受参数 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var params = window.location.search;
   const params1 = params.match(/=(\S*)&/)[1];
   const params2 = params1.split( "=" )[1];
 
   const login = params1.split( "&" )[0];
   const pass = params1.split( "=" )[1];
   const url = params.split( "url=" )[1];
 
   var postData = {
     "login" : login,
     "password" : pass
   };
 
   postData = ( function (obj){ // 转成post需要的字符串.
     var str = "" ;
     for ( var prop in obj){
       str += prop + "=" + obj[prop] + "&"
     }
     return str;
   })(postData);
 
   var xhr = new XMLHttpRequest();
   xhr.open( "POST" , "/api/authentication/login" , true );
   xhr.setRequestHeader( "Content-type" , "application/x-www-form-urlencoded" );
   xhr.onreadystatechange = function (){
     var XMLHttpReq = xhr;
     if (XMLHttpReq.readyState == 4 && XMLHttpReq.status == 200) {
       location.replace(url);
     }
   };
   xhr.send(postData);

以上就是JavaScript实现单点登录的示例的详细内容,更多关于JavaScript单点登录的资料请关注我其它相关文章! 。

原文链接:https://www.cnblogs.com/150536FBB/p/13099835.html 。

最后此篇关于JavaScript实现单点登录的示例的文章就讲到这里了,如果你想了解更多关于JavaScript实现单点登录的示例的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com