详细笔记的第一遍：学习ssm的整合-CRUD的第8天（2021-11-28）2

详细笔记的第一遍：学习ssm的整合-CRUD的第8天（2021-11-28）2

31、解决：ajax请求直接写type:“PUT”，让数据成功封装上。

之前讲：

数据封装不上。

后端的参数，全为null。

解决办法：
springmvc为我们提供了一个过滤器：HttpPutFormContentFilter

首先先在web.xml里面配置这个过滤器：

整个web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <!-- 1、写好Spring的配置文件 -->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!-- 2、写好SpringMVC的前端控制器 -->
    <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--3、配置好字符编码过滤器   -->
    <filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceRequestEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <param-name>forceResponseEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--    4、配置使用RESTFul风格的URI，将页面普通的post请求转换为指定的put或者delete请求。-->
    <filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <filter>
        <filter-name>HttpPutFormContentFilter</filter-name>
        <filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HttpPutFormContentFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
</web-app>

配置完成之后，其他地方不要修改：

还是直接使用type:put的方式。测试：

待修改的数据：

处理成功：

优化修改页面：

现在改完之后，是alert处理成功。

优化：点击更新改完之后，直接关闭模态框并显示当前页面的改好的数据。

1、关闭模态框：

$("#empUpdateModal").modal("hide");

2、显示当前页面的数据。

需要调用to_page(n)

但是这个n 怎么获取呢？

1、我们可以把当前页码保存在一个变量里面。

2、在当时显示分页数据的时候，赋值：

3、直接获取：

测试：

更新成功：