MavenSpringMVCAjax

Ajax：
1.pom.xml:

<profiles>
        <!-- JDK：JRE转化版本 -->
        <profile>
            <id>development</id>
            <activation>
                <jdk>1.8</jdk>
                <activeByDefault>true</activeByDefault>
            </activation>
            <properties>
                <maven.compiler.source>1.8</maven.compiler.source>
                <maven.compiler.target>1.8</maven.compiler.target>
                <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
            </properties>
        </profile>
    </profiles>
    <!-- 统一属性设置 -->
    <properties>
        <!-- 字符编码配置 -->
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <!-- 全局版本设置 -->
        <spring.version>5.0.7.RELEASE</spring.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>commons-logging</groupId>
            <artifactId>commons-logging</artifactId>
            <version>1.2</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-beans</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aop</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-expression</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.6</version>
        </dependency>
        <dependency>
            <groupId>org.apache.logging.log4j</groupId>
            <artifactId>log4j-core</artifactId>
            <version>2.10.0</version>
        </dependency>
    </dependencies>

2.web.xml

 <!-- POST防止中文乱码 -->
    <filter>      <!--注意这里是filter，不要配置成servlet -->
        <filter-name>CharactorFilter</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>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping> <!--过滤器映射 -->
        <filter-name>CharactorFilter</filter-name><!--过滤器名称 -->
        <url-pattern>/*</url-pattern><!--URL映射，给所有页面处理乱码 -->
    </filter-mapping>

<!-- 请求方式转换的过滤器 -->
    <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>

    <!-- struts2 是通过过滤器对请求进行处理 springMVC通过servlet对所有的请求进行处理 servlet也称为前端控制器、中央控制器 
        1、servlet比过滤器效率高 2、好管理 -->
    <!-- Spring -->
    <servlet>
        <servlet-name>springDispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- 配置spring的bean配置文件 -->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springMVC_beans.xml</param-value>
        </init-param>
        <!-- 加载顺序 -->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!-- 前端控制器的映射路径配置，由于前端控制器是处理所有请求的，所以，此处路径配置为根目录 -->
    <!-- "/*":根目录底下所有的文件 "/":根目录下所有的资源都能处理,除了.jsp. .js .jpg.... .jsp管不到,不经过前端控制器 
        *.do: 只处理.do文件 -->
    <servlet-mapping>
        <servlet-name>springDispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>  

    <welcome-file-list>
        <welcome-file>/index.jsp</welcome-file>
    </welcome-file-list>

3.springMVC_beans.xml

<!-- 扫描包下的spring的注解 包含了<context:annotation-config>所有功能 ，而且还能扫描包中的spring注解-->
    <context:component-scan base-package="com.xalo.controller"></context:component-scan>
    <!-- 注解驱动 -->
    <mvc:annotation-driven></mvc:annotation-driven>
    <!-- 静态资源处理 -->
    <mvc:default-servlet-handler/>
     <!-- 全局异常处理 -->
    <!-- <bean id="GlobalException" class="com.xalo.controller.GlobalException"></bean>  -->
    <!-- 界面解析器配置 根据逻辑视图名称匹配到物理视图. 例如:逻辑视图名称为 hello 逻辑视图拼接上前缀后缀 /hello.jsp -->
    <bean id="viewParse" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"></property>  <!-- 前缀 -->
        <property name="suffix" value=".jsp"></property> <!-- 后缀 -->
    </bean>

4. js文件

//(1)导入 jquery-3.3.1.js 包
// (2) index.js
$(document).ready(function(){
    $.ajax({
        url:"test",
        type:"post",
        dataType:"json",
        success:function(data,status,req){
            console.log("data:" + data["name"]);
        }
    })
});

5. JsonController.java

@Controller
public class JsonController{
 /*
  *@ResponseBody接收前端传过来的json数据
  *当返回值不是逻辑视图名称,而是一组数据,相当于response中的writer方法 response.getWriter().writer("方法返回值")
  */
    @ResponseBody
    public Map<String, Object> test(){
            HashMap<String, Object> map = new HashMap<>();
             map.put("name", "碧瑶");
             map.put("age", "20");
                return map;
      }
   }

6.index.jsp