springboot二级联动
时间: 2024-01-19 20:18:28 浏览: 47
以下是两种实现Spring Boot二级联动的方法:
1. 使用EasyUI实现二级联动:
```java
// Controller
@RequestMapping("/getCityList")
@ResponseBody
public List<City> getCityList(@RequestParam("provinceId") int provinceId) {
return cityService.getCityListByProvinceId(provinceId);
}
// Service
public List<City> getCityListByProvinceId(int provinceId) {
return cityDao.findByProvinceId(provinceId);
}
// Dao
public interface CityDao extends JpaRepository<City, Integer> {
List<City> findByProvinceId(int provinceId);
}
// 页面
$.ajax({
url: "/getCityList",
type: "GET",
data: { provinceId: selectedProvinceId },
success: function(data) {
// 更新城市下拉框的选项
}
});
```
2. 使用Ajax实现二级联动:
```java
// Controller
@RequestMapping("/getCityList")
@ResponseBody
public List<City> getCityList(@RequestParam("provinceId") int provinceId) {
return cityService.getCityListByProvinceId(provinceId);
}
// Service
public List<City> getCityListByProvinceId(int provinceId) {
return cityDao.findByProvinceId(provinceId);
}
// Dao
public interface CityDao extends JpaRepository<City, Integer> {
@Query(value="select * from city where province_id=?1", nativeQuery=true)
List<City> findByProvinceId(int provinceId);
}
// 页面
$.ajax({
url: "/getCityList",
type: "GET",
data: { provinceId: selectedProvinceId },
success: function(data) {
// 更新城市下拉框的选项
}
});
```
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)