Spring拦截器针对Ajax请求进行个性化处理

最新推荐文章于 2021-08-06 08:27:34 发布
最新推荐文章于 2021-08-06 08:27:34 发布
阅读量415 收藏
点赞数
分类专栏： spring spring-boot jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27607579/article/details/102717893
版权
spring 同时被 3 个专栏收录
2 篇文章 0 订阅
订阅专栏
spring-boot
2 篇文章 0 订阅
订阅专栏
jQuery
1 篇文章 0 订阅
订阅专栏

文章目录

使用场景

在Spring中使用拦截器时，有时候会拦截ajax请求，此时我们可能会根据权限等因素对ajax数据进行个性化返回，比如跳转到其他页面或者进行alert提示等，从response对象中是无法直接进行这些操作的，需经过前端页面的配合才行。

整体思路

  1. 前端要使用了 jQuery 才行，因为要用到 jQuery 的 $.ajaxSetup 。
  2. 前端需要对ajax进行个性化返回处理的页面添加ajax的全局设置 $.ajaxSetup ，以便在ajax动作的某一阶段介入来完成一些工作。
  3. 后端需要识别本次请求是否是ajax请求，如果是ajax请求，则进行定制化返回。（通过在response的header中添加属性可实现）
  4. 前端页面发起ajax请求，后端处理并返回给前端，前端会执行 $.ajaxSetup 中配置好的行为。

我们的整体思路

  1. 在需要对ajax进行个性化返回处理的页面添加$.ajaxSetup并设定complete行为。
  2. 在$.ajaxSetup的complete行为中使用我们自定义的header属性来完成一系列工作。
  3. 在后端进行请求类型的区分判断，如果是ajax请求，那么就在response的header中添加我们自定义的header属性并返回到前端，让前端的$.ajaxSetup的complete行为来处理。

实现代码

Alert版

  1. 在需要进行ajax返回定制化的页面设置$.ajaxSetup（更推荐将此代码单提出一个js文件以便多页面共享）
$.ajaxSetup({
    contentType: "application/x-www-form-urlencoded;charset=utf-8",
    complete: function (XMLHttpRequest, textStatus) {
        //通过XMLHttpRequest取得响应头，sessionstatus，
        var sessionstatus = XMLHttpRequest.getResponseHeader("sessionStatus");
        if (sessionstatus == "AlertMessage") {
            var alertMessageInfo = decodeURI(XMLHttpRequest.getResponseHeader("alertMessageInfo"));
            window.alert(alertMessageInfo);
        }
    }
});
  • $.ajaxSetup的主要功能为给所有的ajax请求进行统一设置
  • 我们为ajax请求统一设置了一个 complete 回调函数，complete 回调函数会在ajax完成后被调用，不论是error还是ok
  • 在complete回调函数中，我们拿到后端写好的两个请求头属性sessionStatus和alertMessageInfo来进行个性化处理
  • 本例中是通过window.alert来进行弹框提示，因为提示内容是中文，所以需要用decodeURI来进行中文解码
  1. 后端拦截器识别请求是否是ajax请求
public class LimitInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
    	if(需要拦截) {
            requestNeedLimit(response, request);
        }
        return true;
    }
    
	/**
     * 请求被拦截时的友情提示
     *
     * @param response
     * @param request
     * @throws IOException
     */
    private void requestNeedLimit(HttpServletResponse response, HttpServletRequest request) throws IOException {
        // 是ajax请求
        if (StringUtils.equals("XMLHttpRequest", request.getHeader("X-Requested-With"))) {
            // ajax请求
            response.setContentType("text/html");
            response.setHeader("sessionStatus", "AlertMessage");
            response.setHeader("alertMessageInfo", URLEncoder.encode("您的访问过于频繁，已被锁定，请等待解锁！", "UTF-8"));
        } else {
            // 不是ajax请求
            response.setContentType("text/html; charset=UTF-8");
            response.getWriter().print("<html><body><script type='text/javascript'>alert('您的访问过于频繁，已被锁定，请等待解锁！');</script></body></html>");
            response.getWriter().close();
            response.flushBuffer();
        }
    }
    
    // 其他代码
}
  • 如果是ajax请求，那么我们会为response设定两个自定的属性sessionStatus和alertMessageInfo
  • 因为alertMessageInfo是中文，所以需要URLEncoder.encode来进行中文编码
  • 如果不是ajax请求那么我们也会通过流的方式弹出alert进行提示

跳转版（可以跳转到页面或Controller）

  1. 在需要进行ajax返回定制化的页面设置$.ajaxSetup（更推荐将此代码单提出一个js文件以便多页面共享）
$.ajaxSetup( {
	//设置ajax请求结束后的执行动作
    complete :
        function(XMLHttpRequest, textStatus) {
			// 通过XMLHttpRequest取得响应头，sessionstatus
            var sessionstatus = XMLHttpRequest.getResponseHeader("sessionstatus");
            if (sessionstatus == "needRedirect") {
                var win = window;
                while (win != win.top){
                    win = win.top;
                }
                win.location.href= XMLHttpRequest.getResponseHeader("CONTEXTPATH");
            }
        }
});
  • $.ajaxSetup的主要功能为给所有的ajax请求进行统一设置
  • 我们为ajax请求统一设置了一个 complete 回调函数，complete 回调函数会在ajax完成后被调用，不论是error还是ok
  • 在complete回调函数中，我们拿到后端写好的两个请求头属性sessionStatus和CONTEXTPATH（请求跳转路径，可以是jsp也可以是Controller的mapping路径）来进行个性化处理
  • 通过win.location.href来进行页面跳转
  1. 后端拦截器识别请求是否是ajax请求
public class LimitInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
    	if(需要拦截) {
            requestNeedLimit(response, request);
        }
        return true;
    }
    
    /**
     * 请求被拦截时的友情提示
     *
     * @param response
     * @param request
     * @throws IOException
     */
    private void requestNeedLimit(HttpServletResponse response, HttpServletRequest request) throws IOException {
        // 重定向用的服务基本路径
        String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ request.getContextPath() + "/";
        // 是ajax请求
        if (StringUtils.equals("XMLHttpRequest", request.getHeader("X-Requested-With"))) {
            // ajax请求
            // 设定状态为超时
            response.setHeader("sessionstatus", "needRedirect");
            // 需要跳转的页面地址（请求跳转路径，可以是jsp也可以是Controller）
            response.setHeader("CONTEXTPATH", basePath+"index.jsp");
            //403 禁止
            response.setStatus(HttpServletResponse.SC_FORBIDDEN);
        } else {
            // 不是ajax请求
            response.setContentType("text/html; charset=UTF-8");
            response.getWriter().print("<html><body><script type='text/javascript'>alert('您的访问过于频繁，已被锁定，请等待解锁！');</script></body></html>");
            response.getWriter().close();
            response.flushBuffer();
        }
    }
       
    // 其他代码
}
  • 如果是ajax请求，那么我们会为response设定两个自定的属性sessionStatus和CONTEXTPATH***（请求跳转路径，可以是jsp也可以是Controller）***
  • 如果不是ajax请求那么我们也会通过流的方式弹出alert进行提示

对layui请求的特殊处理

因为layui的ajax请求使用的其实是layui自身内置的JQuery，和普通的ajax请求不能兼容处理，需要额外使用layui的JQuery再设定一次$.ajaxSetup才行，示例代码如下（更推荐将此代码单提出一个js文件以便多页面共享）：

if(typeof(layui)!="undefined") {
    setAjaxSetUp(layui.jquery);
}
if(typeof(jQuery)!="undefined") {
    setAjaxSetUp(jQuery);
}
function setAjaxSetUp(jQueryObject) {
    if(typeof(jQueryObject)!="undefined") {
        jQueryObject.ajaxSetup({
            contentType: "application/x-www-form-urlencoded;charset=utf-8",
            complete: function (XMLHttpRequest, textStatus) {
                //通过XMLHttpRequest取得响应头，sessionstatus，
                var sessionstatus = XMLHttpRequest.getResponseHeader("sessionStatus");
                if (sessionstatus == "AlertMessage") {
                    var alertMessageInfo = decodeURI(XMLHttpRequest.getResponseHeader("alertMessageInfo"));
                    window.alert(alertMessageInfo);
                }
            }
        });
    }
}

后端拦截器中对于前端请求的处理，和之前一样，没有区别：

public class LimitInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
    	if(需要拦截) {
            requestNeedLimit(response, request);
        }
        return true;
    }
    
    /**
     * 请求被拦截时的友情提示
     *
     * @param response
     * @param request
     * @throws IOException
     */
    private void requestNeedLimit(HttpServletResponse response, HttpServletRequest request) throws IOException {
        // 是ajax请求
        if (StringUtils.equals("XMLHttpRequest", request.getHeader("X-Requested-With"))) {
            // ajax请求
            response.setContentType("text/html");
            response.setHeader("sessionStatus", "AlertMessage");
            response.setHeader("alertMessageInfo", URLEncoder.encode("您的访问过于频繁，已被锁定，请等待解锁！", "UTF-8"));
        } else {
            // 不是ajax请求
            response.setContentType("text/html; charset=UTF-8");
            response.getWriter().print("<html><body><script type='text/javascript'>alert('您的访问过于频繁，已被锁定，请等待解锁！');</script></body></html>");
            response.getWriter().close();
            response.flushBuffer();
        }
    }
           
    // 其他代码
}
Hatoandaburedo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于session失效时springmvc拦截器拦截ajax请求失败的问题
兔子姜
02-25 1685
前两天做项目时在处理session失效时使用springMVC拦截器拦截ajax请求，结果发现正常请求拦截没问题，ajax请求拦截到了，可是ajax success函数捕获数据是登录页的源码，去网上查了一下 ， https://my.oschina.net/zhk/blog/323452 明白了怎么回事 具体来说ajax是用XMLHttpRequest 对象用于和服务器交换数据。它的请求头区
SpringMVC———Ajax—拦截器
qq_45673367的博客
08-02 407
目录一、Ajax练习一：指定用户名，进行判断，弹窗显示练习二：点击显示数据，在控制台显示练习三：检查用户名是否存在中文乱码问题二、拦截器 一、Ajax 概念：Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 作用：更新部分网页，而不刷新全部页面。 练习一：指定用户名，进行判断，弹窗显示 后端判断 @RestController public class AjaxController { @RequestMapping("/d1") pu
springboot拦截器 拦截 ajax
weixin_43750747的博客
06-24 2184
当没有登陆时，点击添加购物车时，ajax会被拦截器拦住 @Configuration public class WebAppConfigurer implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { registry.ad...
springsecurity拦截ajax,Spring Security Ajax 被拦截
weixin_39614546的博客
08-05 466
背景是项目中使用Spring Security 进行安全控制再使用Ajax的时候会报 403(ajax get 方式是没问题的 post 的时候会报)Spring Security 原本是 防止 CSRF 攻击 现在 ajax 被误伤了...然后下面贴解决方法，页面的head标签里 下记追加(这里要说的是用的是thymeleaf模板 所有才会有 th:如果是jsp的话使用EL表达式吧th:去掉就...
spring 拦截ajax,spring security spring mvc ajax 请求 controller 被拦截
weixin_26899659的博客
08-06 225
你是烦恼在spring security中怎么进行ajax请求吧。一般的ajax请求在Spring Security中是被forbidden的，因为请求的时候csrf这个token为null。官方提供了一个解决办法，参考官方文档http://docs.spring.io/spring-security/site/docs/3.2.0.CI-SNAPSHOT/reference/html/csrf....
基于JAVA技术的个性化定制系统
05-29
4. **JSON与Ajax**：为了实现实时的个性化更新，系统可能利用JSON（JavaScript Object Notation）进行数据交换，结合Ajax（Asynchronous JavaScript and XML）技术，实现无刷新的页面更新。 5. **Spring框架**：...
spring+struts2+ibatis+ajax 产品销售分析系统
08-11
它提供了丰富的插件机制和拦截器，可以方便地实现权限控制、日志记录等功能，提高了系统的可扩展性和灵活性。Struts2与Spring的整合使得模型对象可以直接注入到Action类，简化了业务逻辑的编写。 iBatis作为持久层...
JSP基于SSM企业个性化资讯交流平台网站.zip
最新发布
03-17
《JSP基于SSM企业个性化资讯交流平台网站》是一个典型的Web开发项目，它结合了Java Server Pages（JSP）、Spring、Struts和MyBatis（SSM）四大核心技术，为用户提供了一个高效、个性化的信息交流环境。这个项目适用...
基于java的国产Ajax框架 Buffalo.zip
05-27
8. 扩展性：Buffalo的设计允许开发者根据自身需求进行扩展，例如自定义数据序列化方式、拦截器等，满足个性化需求。 总的来说，Buffalo框架是针对国内开发者需求定制的Ajax解决方案，它以其轻量、高效、易用等特点...
基于SSH开发的crm客户关系管理系统（完整源码）
06-18
在CRM系统中，SSH框架的集成使得开发更高效，模块划分更清晰，使得CRM系统能够更好地处理客户数据，提供个性化的客户服务，优化销售流程，提升企业的运营效率。通过对SSH的深入理解和应用，开发者能够快速地构建出...
Spring MVC 拦截器和Ajax使用
w87574159的博客
01-25 598
Spring MVC 拦截器和Ajax使用 1、拦截器说明:     Spring MVC 中包含了拦截器，这是为了针对特殊的请求。例如，用户的权限验证。     Interceptors类必须实现HandlerInterceptor(org.springframework.web.servlet.HandlerInterceptor)。这个接口定义了三个方法 preHan
SpringMVC 中 拦截器对AJAX请求的拦截处理
scanner_new的博客
05-30 2789
项目使用HTML页面，所以多数请求都是使用的ajax，拦截器主要是验证用户的token，一旦token失效就跳转到登录页面，但是发现中间的ajax请求不能完成想要的跳转，于是借助度娘，现将实现的方法总结如下，已被后用。 一，后台处理 在拦截器的设置上，在原有的token失效后的处理逻辑中增加如下的判断： if(req.getHeader("x-requested-with") != nul...
spring security3 ajax,spring security 3中关于ajax的处理
weixin_42464697的博客
08-05 428
spring security 3中关于ajax的处理2019年11月17日阅读数：18这篇文章主要向大家介绍spring security 3中关于ajax的处理,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。在spring security 3中，对于某些须要保护的url，能够很容易地实现当没权限的时候，redirect到一个页面(好比自定义的404.jsp页面)进行显示...
SpringMVC中使用ajax、拦截器、文件上传
别念茶茶
04-02 159
首先JQuery中封装了一些方便的方法：$.ajax()、$.get()、$.post()、$.getJSON() 除了$.ajax()，$.get()、$.post()、$.getJSON()使用方法都一样 例如常用的$.getJSON(): $(function (){ $("#send").click(function(){ $.getJSO...
跨域 springboot2.1 拦截器跨域 ajax请求例子
hanpenghu的博客
03-31 1149
/** * Copyright 2018-2020 stylefeng & fengshuonan (https://gitee.com/stylefeng) * <p> * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file excep...
ajax请求被拦截器拦截,解决拦截器对ajax请求的拦截实例详解
weixin_33458169的博客
08-05 2087
解决拦截器对ajax请求的的拦截拦截器配置：public boolean preHandle(HttpServletRequest request, HttpServletResponse response,Object obj) throws Exception { //获取判定登陆的session是否存在 String token = (String) request.g...
spring security的ajax提交和json返回数据
want_water_fish的博客
04-27 5169
版本一 ajax提交思想：用filter来实现，请求的匹配 json返回数据public class LoginAuthenticationSuccesssHandler implements AuthenticationSuccessHandler { static final Logger logger = LogManager.getLogger(LoginAuthenticati
ajax请求被拦截器拦截,解决拦截器对ajax请求的的拦截
weixin_39817122的博客
08-05 1185
package com.yb.fw.app.interceptor;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;import org.springframework.stereotype...
handlerexceptionresolver ajax,Spring MVC 深入浅出 (四) —— 异常处理和拦截器
weixin_39830688的博客
08-05 300
在本系列前三节中，讲解了Spring MVC的处理流程和怎么处理请求，以及请求参数的校验，这已经足以应付大多数 Web 开发的工作了，但是一个优秀的 MVC 框架，应该有优雅的异常处理机制以及灵活的拦截器机制。本节中，将会讲解 Spring MVC 中的异常处理以及拦截器。异常处理在开发过程中，我们经常会跟异常打交道，不管是业务异常还是系统异常，我们都应该处理它并记录到日志，返回良好的错误信息或者...
Spring Boot 提供的处理Ajax请求的注解和工具类
06-12
Spring Boot 并没有专门提供处理 Ajax 请求的注解和工具类，因为 Ajax 请求本质上就是 HTTP 请求，可以使用 Spring Boot 提供的任何处理 HTTP 请求的注解和工具类来处理 Ajax 请求。 通常情况下，可以使用 `@...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值