Ajax三级联动下拉选择省市区

下拉列表省市区的联动选择：

先看效果：

本次所用数据库sql文件以及java源码可从本人网盘下载：

http://pan.baidu.com/s/1jIdV7r4

提示：使用可视化工具导入ChinaStates数据表，这张表导入时可能需要较长的时间。

ChinaStates表中包含省名称信息、所对应的市名称信息、以及区县信息

数据层代码：

public class ChinaDao {

	public ResultSet chinaList(Connection con)throws Exception{
		String sql="SELECT AreaCode,AreaName,ParentAreaCode FROM ChinaStates WHERE ParentAreaCode=0001";
		PreparedStatement pstmt=con.prepareStatement(sql);
		ResultSet rs=pstmt.executeQuery();
		return rs;
	}
	public ResultSet cityList(Connection con,String provinceValue)throws Exception{
		String sql="SELECT AreaCode,AreaName,ParentAreaCode FROM ChinaStates WHERE ParentAreaCode=?";
		PreparedStatement pstmt=con.prepareStatement(sql);
		pstmt.setString(1, provinceValue);
		System.out.println(provinceValue);
		ResultSet rs=pstmt.executeQuery();
		return rs;
	}
	
}

数据库取出数据转化为Json数据，再打到前台。

使用一个JsonUtil工具类和ResponseUtil工具类