基于SSM框架的省市二级联动的小项目

这个小项目是真的搞得我头疼，我提莫做了两天！！废话不多说上代码：

主要是前台js代码比较麻烦后台的代码就省略了。。。

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>省市联动</title>
<link href="<%=basePath%>/resources/css/bootstrap.min.css" rel="stylesheet"></script>
<script src="<%=basePath%>/resources/js/jquery.min.js" rel="stylesheet"></script>
<script src="<%=basePath%>/resources/js/bootstrap.min.js" rel="stylesheet"></script>
</head>
<script type="text/javascript">
   $(document).ready(function(){ //这里解释一下，由于最开始要从数据库里读取省份的一个list，我一直在想怎么通过事件来触发调用函数，搞了半天，最后才知道jQuery里有一个$(document).ready(function(){}函数，他可以在页面加载时直接运行函数内部代码，所以页面一家在会自动去获取数据库里的省份list
           $.ajax({
       type:"get",
       url:"<%=basePath%>/city/findProvinceList.action",
       dataType:"json",

       success:function(data)
       {
           $("#province").html("<option value=''>--请选择--");
           for(var i = 0;i<data.length;i++){
           $("#province").append("<option value='"+data[i]+"'>"+data[i]);
           }
       },
       error:function(data)
       {
           alert("失败！")
       }
       });
           $("#province").change(function(){
               var province = $("#province").val();
               $.ajax({
                   type:"post",
                   url:"<%=basePath%>/city/findCityList.action",
                   datatype:"json",
               data:{"province":province},
               success:function(data){
                   $("#city").html("<option value=''>--请选择--");
               for(var i = 0;i<data.length;i++){
               $("#city").append("<option value='"+data[i]+"'>"+data[i]);
               }
               },
               error:function(data){
                   alert("失败！")
               }
               });
           });
   });
</script>
<body>
省份:
<select name="province" id="province">
<option value="">--请选择--</option>
</select>
城市:
<select name="city" id="city">
<option value="">--请选择--</option>
</select>
</body>
</html>