Spring Boot + Ajax前后端分离实现三级联动

2023-03-27 21:05:38

Spring Boot + Ajax前后端分离实现三级联动

引言

本项目为前后端分离的项目,前端采用Ajax技术,后端采用Spring Boot实现前后端分离,一个简单的案例,让你更加理解前后端分离的好处

需求描述

在静态页面写调用服务端接口,获取省、市、县区的数据

调用接口后显示在静态页面上,初始化时应该加载省份信息,当选择省份后,后面的加载出对应的市,选择市后,后面加载出对应的县区

当选中一个后,想切换另一个,需要将之前的选择数据清空再加载对应的数据

技术栈介绍:前端采用Ajax、Jquery、Bootstrap框架,后端采用SpringBoot

请求采用Ajax,后端皆为Post请求

效果图

在这里插入图片描述

数据表准备

t_province省份表

CREATE TABLE <
  • 作者:Bug 终结者
  • 原文链接:https://wanghuichen.blog.csdn.net/article/details/122104941
    更新时间:2023-03-27 21:05:38