Ajax,js实现省市二级联动

Ajax,js实现省市二级联动

这里不罗嗦,直接放图,分析。
如图实现效果。如下:
Ajax,js实现省市二级联动_第1张图片
前端代码分析:
Ajax,js实现省市二级联动_第2张图片
后端代码,相当简单,只需要查询数据库,省份放一个list集合,城市放一个list集合,回写响应给前端。
前端通过循环,一一获取。
response.setContentType(“text/html;charset=utf-8”);
ProvinceService provinceService = new ProvinceServiceImpl();
List> province = provinceService.findProvince();
ObjectMapper mapper = new ObjectMapper();
mapper.writeValue(response.getWriter(),province);
总结就到这里,如果有疑问可以留言,或者私信我。

你可能感兴趣的:(JAVA,后端)