java三级联动从数据库查_java语言、mysql数据库实现省市县三级联动功能

效果图:

5013e7031e215f0a48ae444bb5625f55.png

HTML代码:

报名区域:

省份:

城市:

区县:

js代码:

/* 省市县三级联动  */

$(function(){

$.ajax({

type:"POST",

cache:false,

url:"/agent/index/areaDate",

data:{"pid":0},

//data:{"tree_path":","},

dataType:"json",

success:function(data){

var option='--请选择--';

//data.date.list.forEach(function(val, index) {

$.each(data.date,function(i,n){

option += ''+n.name+'';

})

$("#pro").append(option);

}

});

//市

$("#pro").change(function(){

var pid=$(this).val();

$.ajax({

type:"POST",

cache:false,

url:"/agent/index/areaDate",

data:{"pid":pid},

dataType:"json",

success:function(data){

//追加本级option前,先清除city和county的option,以免重选时干扰

$("#city option").remove();

$("#county option").remove();

var option='--请选择--';

$.each(data.date,function(i,n){

option += ''+n.name+'';

})

$("#city").append(option);

}

});

});

//区/县

$("#city").change(function(){

var pid=$(this).val();

$.ajax({

type:"POST",

cache:false,

url:"/agent/index/areaDate",

data:{"pid":pid},

dataType:"json",

success:function(data){

//同上

$("#county option").remove();

var option='--请选择--';

$.each(data.date,function(i,n){

option += ''+n.name+'';

})

$("#county").append(option);

}

});

});

})

java代码:

/**

* 加载省市县三级数据

* @param request

* @param model

* @return

* @author: jinchunzhao

* @throws

* @date:   2019年1月21日 上午9:20:54

*/

@ResponseBody

@RequestMapping(value="/areaDate",method=RequestMethod.POST)

public JsonResult areaList(HttpServletRequest request,Model model){

try {

LoginAguser loginAguser = SessionApi.getCurrentAguser(request.getSession());

if (loginAguser == null) {

request.setAttribute(CoinConfig.WEB_TITLE, "登录");

return JsonResult.error("登录信息异常,请重新登录", null);

}

String pid = request.getParameter("pid");

List list = areaService.findByPid(pid);

return JsonResult.success("success", list);

} catch (Exception e) {

logger.error(e.getMessage());

e.printStackTrace();

return JsonResult.error("系统异常,无法访问", null);

}

}

数据库部分数据:

b5c2fec035ba8264279f7a126f2ba593.png

数据库中所有数据:

https://download..net/download/jinchunzhao123/10931730

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值