javascript
jsp ajax三级联动,Spring MVC+JSP实现三级联动
initProvinces();
});/**
* 獲取省列表*/function initProvinces() {
$('#province').empty();
$.ajax({
type :"POST",
url : basePath+ "district/getProvinces.do",
success : function(data) {
$.each(data, function(i, it) {
$(""
+ it.name + "
").click(function() {
initCities(it.id);
}).appendTo($('#province'));
});
}
});
}/**
* 獲取市列表*/function initCities(provinceID) {
$('#city').empty();
$.ajax({
type :"POST",
url : basePath+ "district/getCities.do?province=" +provinceID,
success : function(data) {
$.each(data, function(i, it) {
$(""
+ it.name + "
").click(function() {
initCounties(it.id);
}).appendTo($('#province'));
});
}
});
}/**
* 獲取區縣列表*/function initCounties(cityID) {
$('#county').empty();
$.ajax({
type :"POST",
url : basePath+ "district/getCounties.do?city=" +cityID,
success : function(data) {
$.each(data, function(i, it) {
$(""
+ it.name + "
")
.appendTo($('#province'));
});
}
});
}//……
---省------市---
---區---
spring MVC 代碼：
@Controller
@RequestMapping(value= "/district")public classdistrictController {
@ResourceprivateDistrictService districtService;/**
* 獲取省列表
* @return
* @throws Exception*/@RequestMapping(value= "getProvinces")
@ResponseBodypublicObject getProvinces() throws Exception {returndistrictService.getProvinces();
}/**
* 獲取市列表
* @param province
* @return
* @throws Exception*/@RequestMapping(value= "getCities")
@ResponseBodypublic Object getCities(@RequestParam(value = "province") String province) throws Exception {returndistrictService.getCities();
}//再往下級的獲取方式和getCities方法都相同，所以此處略過
}
總結
以上是生活随笔為你收集整理的jsp ajax三级联动,Spring MVC+JSP实现三级联动的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 舰娘 服务器 维护时间,《舰娘Colle
- 下一篇： 网站服务器windows登陆密码忘记,网