Spring Boot + Ajax前后端分离实现三级联动
引言
本项目为前后端分离的项目,前端采用Ajax技术,后端采用Spring Boot实现前后端分离,一个简单的案例,让你更加理解前后端分离的好处
需求描述
在静态页面写调用服务端接口,获取省、市、县区的数据
调用接口后显示在静态页面上,初始化时应该加载省份信息,当选择省份后,后面的加载出对应的市,选择市后,后面加载出对应的县区
当选中一个后,想切换另一个,需要将之前的选择数据清空再加载对应的数据
技术栈介绍:前端采用Ajax、Jquery、Bootstrap框架,后端采用SpringBoot
请求采用Ajax,后端皆为Post请求
效果图
数据表准备
t_province省份表
CREATE TABLE <