实现多级下拉框联动获取数据

很多时候我们需要从数据库获取下拉列表的数据，比如：

上面的例子中，会根据区的变化，会从数据库中获取对应区中的所有街道，此时需要弄清楚区和街对应的映射关系

区的实体类：

public class District {
    private int id;
    private String name;
    private List<Street> streets;

街的实体类：

public class Street {
    private int id;
    private String name;
    private District district;

对应的两个DAO层需要的主要方法如下

public interface StreetDao {
    //根据id查找街道
    public Street findById(int id);
    //根据地区查询所有街道的方法
    public List<Street> findByDistrict(int dId);
}

public interface DistrictDao {
    public District findById(int id);//根据id查找区
    public List<District> findAll();//查询所有区
}

从实体类中可以看到，这两个类之间存在双向关联关系，对于区来说，与街道是一对多的映射关系。对于街道来说则是多对一的映射关系。所以两个在mybatis的两个映射文件中的resultMap节点应该是这样的配置：

    <resultMap type="District" id="DistrictResult">
        <id property="id" column="id"/>
        <result property="name" column="name"/>
        <collection property="streets" column="id" select="com.etc.dao.StreetDao.findByDistrict"></collection>
        </resultMap>

<resultMap type="Street" id="StreetResult">
        <id property="id" column="id"/>
        <result property="name" column="name"/>
        <association property="district" column="DISTRICT_ID" select="com.etc.dao.DistrictDao.findById">
        </association>
        </resultMap>

关键在于控制器，首先需要获取去的对象，然后根据这个区对象再查询出所有对应该区的街道集合

//处理区街信息的方法
    @RequestMapping(value="/qujie")
    public void QuJie(HttpServletRequest request , HttpServletResponse response){
        DistrictBiz dbiz=new DistrictBizimp();
        //获取选中的区
        String dId=request.getParameter("dId");
        if(dId!=null){
            //根据选中的区的id取出该区对象
            District district=dbiz.findById(Integer.parseInt(dId));
            //根据区对象获取所有街道,并封装到集合中
            List<Street> slist=district.getStreets();
            //把封装街数据的集合转为json对象
            try {
                JsonConfig jsonConfig = new JsonConfig();
                jsonConfig.setCycleDetectionStrategy(CycleDetectionStrategy.LENIENT);
                jsonConfig.addIgnoreFieldAnnotation(District.class);
                JSONObject jsonObject=new JSONObject();
                //JSONArray jsonArray=JSONArray.fromObject(slist);
                JSONArray jsonArray =JSONArray.fromObject(slist, jsonConfig);
                jsonObject.put("street", jsonArray);
                String result = jsonObject.toString();
                response.getWriter().write(result);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

最后使用ajax把控制器中的json对象接手过来显示到页面就可以啦！

function change() {
        $.getJSON(
            "house/qujie",
            {dId:$("#district").val()},
            function(data){
                document.getElementById("streets").options.length=0;
                for(var i=0;i<=data.street.length;i++){
                    $("#streets").append("<option value="+data.street[i].id+">"
                    +data.street[i].name+"</option>");
                }
            }
        );
    }