JavaScript实现单点登录的示例
更新时间：2020年09月23日 09:09:42 作者：氧化成风
这篇文章主要介绍了JavaScript实现单点登录的示例，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下
项目中遇到单点登录这个问题，当点击链接的时候跳转到另一个系统中并实现自动登录进去，直接进去系统的页面
因为不同的系统涉及到跨域的问题，所以使用nginx来解决跨域的问题
先跳转到另一个系统的一个页面，在这个页面里实现登录操作再跳转到系统中我们需要的页面
还有一个问题就是登录的时候需要用户名和密码，用户名和密码不是固定的，需要动态获取，所以跳转到过渡页面的时候需要携带参数
携带参数是通过url传递的，这里用户名和密码使用了简单的base64加密
过渡页面接受参数
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单点登录的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了JS实现的图片选择顺序切换和循环切换功能,结合完整实例形式分析了JavaScript基于事件响应与样式动态操作实现图片切换相关操作技巧,需要的朋友可以参考下2018-12-12
不多介绍了,应该见很多了，见过很多网站用的是Jquery的插件,个人觉得不够灵活。2009-12-12
这篇文章主要介绍了javascript操作select元素的方法,可实现针对select元素选中元素时动态改变html元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
3D球状标签云的效果想必很多朋友在浏览网页时都有见到过吧，看起来提复杂的，其实实现起来挺容易的，感兴趣的朋友可以了解下本文2013-12-12
下面小编就为大家带来一篇12个非常实用的JavaScript小技巧【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家介绍了微信小程序的数据存储与Django等服务发送请求讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
本篇文章主要是对js中opener与parent的区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
今天的项目中碰到了一个乱码问题，从JS里传URL到服务器，URL中有中文参数，服务器里读出的中文参数来的全是“？”，查了网上JS编码相关资料得以解决。2009-09-09
ChatGPT 是一个基于深度学习的大型语言模型，处理自然语言需要大量的计算资源和时间，响应速度肯定比普通的读数据库要慢的多，本文介绍了ChatGPT打字机消息回复实现原理，感兴趣的同学可以跟着小编一起学习2023-05-05
关于JS弹出层的显示与隐藏，在网上可以搜到很多的类似教程，本文实现了一下，喜欢的朋友不要错过2013-12-12
最新评论