SpringMVC集成AJAX的基础配置

---

Ajax技术概述:

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

搭建AJAX的基本配置

1.导入jQuery坐标

这里我们使用jquery提供的AJAX, 首先要导入jquery的坐标

<script src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.js"></script>

2.配置SpringMVC

然后在SpringMVC的配置文件中引入静态资源过滤:

<mvc:default-servlet-handler></mvc:default-servlet-handler>

3.配置pom.xml

导入jackson的包 方便后期拓展

<dependency>
                <groupId>com.fasterxml.jackson.core</groupId>
                <artifactId>jackson-annotations</artifactId>
                <version>2.9.0</version>
            </dependency>
            <dependency>
                <groupId>com.fasterxml.jackson.core</groupId>
                <artifactId>jackson-databind</artifactId>
                <version>2.9.4</version>
            </dependency>
            <dependency>
                <groupId>com.fasterxml.jackson.core</groupId>
                <artifactId>jackson-core</artifactId>
                <version>2.9.4</version>
            </dependency>

4.JSON数据格式防乱码

使用ajax和json, 必须在SpringMVC的配置文件里加入防乱码;这个是json的防乱码, 和web.xml里面的防乱码不是一个东西
代码如下:

     <mvc:annotation-driven>
         <mvc:message-converters register-defaults="true">
             <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                 <constructor-arg value="UTF-8"/>
             </bean>
             <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                 <property name="objectMapper">
                     <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                         <property name="failOnEmptyBeans" value="false"/>
                     </bean>
                 </property>
             </bean>
         </mvc:message-converters>
     </mvc:annotation-driven>

5.验证成功

配置完毕之后, 就可以在项目中使用jQuery提供的Ajax技术进行开发了.
那么如何验证ajax方式成功呢? 写一个基本的demo, 发布之后, 注意看谷歌浏览器的抓包, 点击network, 如果请求类型是xhr, 那证明了你正确的配置并使用了Ajax