二級聯動在網站開發很常見，以下簡單說操作流程：
action類：

@RequestMapping("/cityType.do")
    @ResponseBody
    public Map<String,Object> list(HttpServletRequest request, int id) {
        //String resultMessage="";
        City city=cityMng.findById(id);
        Set<Town> towns=city.getTowns();
        if(towns.
 
size()>0){
            request.setAttribute("towns",towns);
            //resultMessage="OK";
        }
        else{
            //resultMessage="未找到資訊";
        }
        Map<String,Object> returnMap=new HashMap<String ,Object>();
        returnMap.put("towns", towns);
        return returnMap;
    }
 

前端頁面：
二級聯動的程式碼：

 <div class="form-group">
        <label class="control-label col-md-3">所屬鎮區
             <span class="required"> * </span>
        </label>
         <div class="col-md-4">        
              <select name="city" id="city" class="form-control input-small"
 
 onchange="javascript:cityChange()">
                  <option>--請選擇城市--</option>                                                                                
                      <#list cityList as city>                                                               
                  </option>                                                                                                             
                  </#list>
             </select>
             <select name="town" id="townList" class="form-control input-small">                                                                                                                    
                 <option>--請選擇鎮區--</option>
             </select>

        </div>
   </div>

js-ajax部分：

<script type="text/javascript">     
        function cityChange() {

            var type = $("#city").val();

            var html = "";
            var CommitUrl = "../cityType.do?id=" + type;

            $.ajax({
                    type : "POST",
                    contentType : "application/json",
                    url : CommitUrl,
                    dataType : 'json',
                    success : function(result) {
                        var Curedata = $.extend(true, [], result);
                        if (Curedata.towns != null) {
                            for ( var i = 0; i < Curedata.towns.length; i++) {

                                html += "<option value='"+Curedata.towns[i].id+"'>"+ Curedata.towns[i].townName
                                        + "</option>";
                            }
                            $("#townList").empty();
                            $(html).appendTo("#townList");

                        }
                        }

                    });
        }
            </script>

ps:在開發中會出現的幾個問題：

1.HttpMediaTypeNotAcceptableException

原因：spring檔案沒有配置json解析器
解決方法：
在class為AnnotationMethodHandlerAdapter的bean加入屬性

<property name="messageConverters">
            <list>
                <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                    <property name="supportedMediaTypes">
                        <list>
                            <value>
                                text/html;charset=UTF-8
                            </value>
                        </list>
                    </property>
                </bean>
                <!-- 啟動JSON格式的配置 -->
                <bean id="jacksonMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
                    <!-- 解決 HttpMediaTypeNotAcceptableException: Could not find acceptable representation -->
                    <property name="supportedMediaTypes">
                        <list>
                            <value>application/json;charset=UTF-8</value>
                        </list>
                    </property>
                </bean>
            </list>
        </property>

2.java.lang.ClassNotFoundException: org.codehaus.jackson.map.JsonSerializableWithType

解決辦法：匯入jsckson-all-1.7.6.jar

3.進行ajax請求時出現

設計中city(城市) 和 town(鎮區) 是一對多雙向關聯
原因： JSON無法對town的city屬性進去JSON轉換
解決方法：
在city的是實體類添加註解@JsonIgnoreProperties(value={“city”})