Ajax登陆使用Spring Security缓存跳转到登陆前的链接

分类：js_jQuery答疑 - 常见问题 · 发布时间：2021-10-07 12:05 · 阅读：6774

这篇文章主要介绍了Ajax登陆使用Spring Security缓存跳转到登陆前的链接,需要的朋友可以参考下

Spring Security缓存的应用之登陆后跳转到登录前源地址

什么意思？

用户访问网站，打开了一个链接：（origin url）起源链接
请求发送给服务器，服务器判断用户请求了受保护的资源。
由于用户没有登录，服务器重定向到登录页面：/login
填写表单，点击登录
浏览器将用户名密码以表单形式发送给服务器
服务器验证用户名密码。成功，进入到下一步。否则要求用户重新认证（第三步）
服务器对用户拥有的权限（角色）判定。有权限，重定向到origin url; 权限不足，返回状态码403（ “禁止”）。

从第3步，我们可以知道，用户的请求被中断了。

用户登录成功后（第7步），会被重定向到origin url，spring security通过使用缓存的请求，使得被中断的请求能够继续执行。

具体请看探究Spring Security缓存请求

我这里仅讲解如何在ajax登陆后跳转到登录前的链接。

1. 首先，如果想跳转到登陆之前的链接，我们需要拿到缓存：

SavedRequest savedRequest = requestCache.getRequest(request, response);

注意！若用户是直接访问没有权限限制的登陆页面，是不会有缓存的，也就是说savedRequest = null ，所以在使用缓存之前，我们需要做一个非null判断，也就是：

 if (savedRequest != null) { // 逻辑代码 }

2. 取到登录前访问的url

 String url = savedRequest.getRedirectUrl();

3. 使用hashMap建立一个对象，这是为了后续向浏览器返回json数据

 Map json = new HashMap(); json.put("code", 0); json.put("message", "操作成功"); json.put("url", url);

可以看到这个json 对象比较简单，其中url属性是为了让浏览器端的js跳转的

4.设置响应体编码和格式

response.setContentType(FebsConstant.JSON_UTF8);

5.向浏览器进行响应数据，这里的数据是json格式，是使用jackson工具包完成的，Maven地址： JacksonMaven地址

 response.getWriter().write(mapper.writeValueAsString(ResponseBo.ok(messsage, url)));

下面是完整的Java代码：

 @Override public void onAuthenticationSuccess(HttpServletRequest request, HttpServletResponse response, Authentication authentication) throws IOException, ServletException { // 不管请求哪个页面，登陆成功后仅打开指定页面index //  redirectStrategy.sendRedirect(request, response, "/index"); // 获取缓存 SavedRequest savedRequest = requestCache.getRequest(request, response); // 设置响应格式和编码 response.setContentType(FebsConstant.JSON_UTF8); // 缓存非空判断 if (savedRequest != null) { // 跳转到之前引发跳转的url String url = savedRequest.getRedirectUrl(); String messsage = "成功"; // 准备json Map json = new HashMap(); json.put("code", 0); json.put("message", "操作成功"); json.put("url", url); Object jsons = ResponseBo.ok(messsage, url); response.getWriter().write(mapper.writeValueAsString(ResponseBo.ok(messsage, url))); } else { // 这个是没有缓存，直接跳转到默认ajax默认的页面 response.getWriter().write(mapper.writeValueAsString(ResponseBo.ok())); } }

6. 前端页面Ajax代码：

 $.ajax( { type: "post", url: "/login", // 登陆表单数据序列化 data: $form.serialize(), dataType: "json", error: function (data, type, err) { if (data.responseJSON != undefined) { console.log(data.responseJSON.error != undefined); console.log(JSON.stringify(data.responseJSON.error)); $MB.n_danger("error：" + JSON.stringify(data.responseJSON.error)); } }, success: function (data) { console.log(JSON.stringify(data)); alert(JSON.stringify(data)); if (data.code == 0) { // 如果有url，则跳转该url if (data.url != undefined) { $form[0].reset(); window.location.href = data.url; } else { // 重置表单的输入框内容 $form[0].reset(); window.location.href = '/index'; // $form.attr("action", '/index'); } } else { // if (r.msg !== '验证码不能为空！') reloadCode(); console.log(data.message); } }, } );

7.不出意外的话，浏览器会收到下面的数据：

{"code":0,"message":"操作成功"}

如果你也收到了这条数据，说明已经成功了。

总结

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

标签：

Ajax Spring Security 登录

0133技术栈

Ajax登陆使用Spring Security缓存跳转到登陆前的链接

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

AJAX的跨域问题解决方案

利用Ajax实现智能回答的机器人示例代码

ajax、axios和fetch之间优缺点重点对比总结

如何通过axios发起Ajax请求(最新推荐)