SpringMVC 03: 请求和响应的乱码解决 + SpringMVC响应Ajax请求

请求或响应的中文乱码问题

• tomcat9解决了get请求和响应的中文乱码问题，但是没有解决post请求或响应的中文乱码问题

• tomcat10解决了get和post请求以及响应的中文乱码问题

• 考虑到实际项目中服务器的更新速度(短时间不会都采用tomcat10)为了项目的通用性和可靠性，最好为请求和响应添加应对中文乱码的方案

• 通过在web.xml中配置编码过滤器，对符合通配请求条件的请求可以进行自定义的编码设置

• 编码过滤器一般在web.xml文件中进行其他配置之前配置，尽早解决可能出现的中文乱码问题

• web.xml中新增对编码过滤器的配置

<?xml version="1.0" encoding="UTF-8"?>


    
    
        encode
        
        org.springframework.web.filter.CharacterEncodingFilter
        
        
        
            encoding
            
            UTF-8
        
        
        
            
            forceRequestEncoding
            true
        
        
        
            
            forceResponseEncoding
            true
        
    
    
    
        encode
        
        /*
    
    

控制器中action方法的返回值

• 控制器中的方法名称不一定含有action单词，但是一般习惯于把控制器中的方法称为action方法

• 返回String：设置了视图解析器之后，可以自动拼接前缀和后缀，来作为客户端请求的资源地址，完成响应页面的跳转。还可以拼接字符串，返回指定的路径

• 返回Object：使用jackson工具(要添加jackson的依赖)进行转换，自动将对象或者集合转为json格式的数据并返回

• 返回void：无返回值，一般用于ajax请求

• 返回基本数据类型：用于ajax请求

• ModelAndView：返回数据和视图对象(现在用的较少)

响应ajax请求

• 与前面SpringMVC博客集中的SpringMVC(指SpringMVC 02)项目相比，新增的配置如下
• 在pom.xml中添加jackson依赖，为了可以利用SpringMVC自动返回json格式的数据

    
    
      com.fasterxml.jackson.core
      jackson-databind
      2.13.3
    

• 在webapp/js目录下添加jQuery函数库，为了前端可以使用jQuery封装的ajax()方法，便捷的发送ajax请求
• webapp/index.jsp如下，是发送ajax请求并回显后端返回数据的前端界面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    
    <script src="js/jquery-3.6.1.js"></script>


    
发送ajax请求，获取用户信息列表


div，用来显示服务器返回的数据

<script type="text/javascript">
    function showUser() {
        //使用jQuery封装的ajax()发送ajax请求
        $.ajax({
            url:"${pageContext.request.contextPath}/list.action",
            type:"get",
            dataType:"json",
            success:function (userList){
                var data = ""
                $.each(userList, function (i, user){
                    data += user.name + " ---- " + user.age + "
"
                })
                //将拼接好的数据回显在div中
                $("#userDiv").html(data)
              }
            }
        )
    }
</script>

• 新增控制器AjaxRequestAction，action方法上添加注解@ResponseBody，该注解专门用来解析ajax请求

package com.example.controller;

import com.example.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.ArrayList;
import java.util.List;

@Controller
public class AjaxRequestAction {
    
    //只有当请求路径和ajax请求类型都对上时，目标方法才会被调用
    @RequestMapping("/list")
    @ResponseBody
    public List ajaxRequest(){//User类含有属性:name(String), age(int)，无参和全参构造方法，全属性的getter,setter,toString方法
        List users = new ArrayList<>();
        User u1 = new User("荷包蛋", 20);
        User u2 = new User("饺子", 21);
        User u3 = new User("橘子", 22);
        users.add(u1);
        users.add(u2);
        users.add(u3);
        return users;//SpringMVC框架会自动将对象数组转化为json数据格式返回给前端ajax请求
    }
}

• 在springmvc.xml文件需要新增注解驱动< mvc:annotationdriven /> ，为了用他来解析@ResponseBody注解，响应ajax请求

<?xml version="1.0" encoding="UTF-8"?>


    
    

    

    
    

• 部署并启动tomcat测试
• 网站首页(left)，发送ajax请求后的首页(right)如下：从后端获取到的数据经前端ajax拼接处理并填充在div中显示