在做项目的时候，时常需要在后台获取一些数据，但是在若是在不刷新页面的前提下，就需要使用Ajax技术实现异步数据的请求。就比如：现在在页面上有一个下拉框，下拉框中的数据是需要来自数据库的，所以，我总不能每一次请求该页面时，都需要先执行controller中的处理，这样的话，会发现就是死情况、死代码，所以需要使用Ajax异步请求后台数据。

　　先看最终的结果显示：

 　　如图中的下拉框就是我使用ajax实现请求的。那是如何做的呢？具体的执行，直接上代码：

　　第一、既然是数据库信息，就先查询数据库

 　　mapper.xml

　　mapper接口

　　dao层的作用就是返回需要查询的数据（这个简单无需多言）

　　第二、service业务层

　　接口与接口实现类的代码：

　　现在业务层的作用就是调用dao层的代码（简单，无需多言）

　　第三、controller层

注意：@RestController注解的作用：

　　controller层的作用就是调用service层的代码，然后将list集合返回给前端。

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------

前端部分实现：

在后端controller类中，会仔细看到请求路径：/admin/listType

先将上面显示的图片的所有的jsp代码展示出来：

　　我使用颜色圈起来的都是需要注意的，首先分别介绍：

　　这是一个异步请求的核心前端代码：

　　会发现里面的form需要引入from的变量。