省市区 - 三级联动通用化模块组件

都说我们要做模块化设计，而不要做功能化设计

什么是模块化设计，就是可插拔性高，组件化，想要就用，不要用拉倒，直接删除就行

什么是功能化设计，就是一个简单的功能，实现想要的效果，但是不够通用化，别人要用的话需要读懂你的代码，还需要复制黏贴很多代码这样效率不高

今天写了一个省市区三级联动的模块，写完后使用会非常方便，也很灵活

主要使用到的技术：jquery，redis，springMVC，MyBatis（springMVC和MyBatis无所谓，你用struts或者hibernate或者spring data都行）

首先页面引入js

HTML中写入3个div块，这是互斥的，div#id不同就可以做到模块化可插拔

初始化JS：

后台controller：

service：

如果需要默认选中那么只需要对这3个参数赋值即可：

prov:"江苏省",

city:"无锡市",

dist:"南长区",

对于省市区的数据源，可以存放在数据库表中，也可以直接存入js，作为一个json来调用即可

如果没有省市区可以淘一下万能的X宝